Sha256: 84ee5d13d5b88517379105637431f122df2d1ac7d1db56fb39580f9a4a5564a3

Contents?: true

Size: 713 Bytes

Versions: 1918

Compression:

Stored size: 713 Bytes

Contents

The background kit is used for adding a background to a page or to any container. Instead of adding a custom class to give something a background, you can now wrap the elements in the background kit and use the `background_color` prop to assign its color. The colors that you can choose from for the `background_color` prop are: gradient, dark, light, white, status colors, product colors, and category colors.

The `custom_color` prop allows you to pass a hex value (ex. "#e43718") in place of `background_color`. It is not case sensitive, but needs to start with `#`. This prop exists primarily for use in microsites and very specific situations. Avoid using unless absolutely necessary to maintain continuity.

Version data entries

1,918 entries across 1,918 versions & 2 rubygems

Version Path
playbook_ui-12.3.1.pre.alpha.phone1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.3.1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.3.0.pre.alpha.patchtest1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.3.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.2.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.1.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.0.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.20.0.pre.alpha.passthrough1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.20.0.pre.alpha.railsdialog1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.20.0.pre.alpha.focus1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.20.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.19.0.pre.alpha.map1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.19.0.pre.alpha.pagpassthrough1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.19.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.18.0.pre.alpha.pagutility1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.19.0.pre.typeahead1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.18.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.17.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.15.0.pre.alpha.dependencies1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-11.16.0.pre.alpha.paginationrails1 app/pb_kits/playbook/pb_background/docs/_description.md