Skip to content

[feat] Create <rh-background-image> #1206

@zeroedin

Description

@zeroedin

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>

Metadata

Metadata

Assignees

Labels

featureNew feature or requestneeds discoveryNeeds discoveryneeds refinementThis issue needs to be refinedneeds revisitingOutdated issues worth revisiting in the futurenew componentNew component to be created

Type

No type

Projects

Status

Todo

Relationships

None yet

Development

No branches or pull requests

Issue actions