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.11.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.10.0.pre.alpha.PLAY705phonenumberreturn372 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.10.0.pre.alpha.PLAY677richtexteditorts370 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.10.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.9.1.pre.alpha.play664tiptapinvestigation353 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.9.1.pre.alpha.PLAY689bugtxtinputlabel346 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.9.1.pre.alpha.menucleanup345 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.9.1.pre.alpha.menucleanup342 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.9.1 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.9.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark301 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.8.0.pre.alpha.PLAY625phonenumberdark300 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.8.0.pre.alpha.PLAY649mapkitstyles299 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep298 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.8.0.pre.alpha.PLAY645typescriptprogresstep297 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease296 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease295 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.8.0.pre.alpha.rubyandnpmalpharelease294 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.8.0 app/pb_kits/playbook/pb_background/docs/_description.md
playbook_ui-12.7.1.pre.alpha.rubyandnpmalpharelease293 app/pb_kits/playbook/pb_background/docs/_description.md