red-hat-design-system icon indicating copy to clipboard operation
red-hat-design-system copied to clipboard

[feat] Create `<rh-background-image>`

Open zeroedin opened this issue 2 years ago • 2 comments

Description

rh-background-image as an improvement on pf-background-image with more feature set and variants. Should allow the image to be used in a container as well as positioned within that container, as well as repeated. Maybe support use of multiple background images as well?

Suggested solution

Background image that could be placed like a standard <img> tag

Possible attributes: src (string) - required - path to image src-2x - path to 2x image src-sm - path to sm image src-sm-2x - path to sm 2x image src-lg - path to lg image // see pf-background-image for more about the src attributes usage as base example repeat (boolean) - default: false - allow for repeating icons.

Example API

<rh-background-image src="/path/to/image.png" repeat></rh-background-image>

Additional context

Current open PR for <pf-background-image>

zeroedin avatar Aug 29 '23 18:08 zeroedin

CC: @jvanpelt

markcaron avatar Sep 06 '23 19:09 markcaron