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.7.1.pre.alpha.rubyandnpmalpharelease292 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.7.1.pre.alpha.rubyandnpmalpharelease291 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.7.1.pre.alpha.alpharubyrelease281 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.7.1.pre.alpha.menu2 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.7.1.pre.alpha.menu1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.7.1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.7.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.6.0.pre.alpha.sectionseparator1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.6.0.pre.alpha.menuyml1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.6.0.pre.alpha.collapsible1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.6.0.pre.alpha.cssphone1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.6.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.5.0.pre.alpha.datepickerinput1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.5.0.pre.alpha.phonerails1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.5.0.pre.alpha.filter1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.5.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.4.0.pre.alpha.map1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.4.0.pre.alpha.devdocstest1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.4.0 app/pb_kits/playbook/pb_background/docs/_description.md