Sha256: 8e933fe2348c46842d25c8ad34e0a3f3e231bd7a598a1232ea7964e494c9f7d7

Contents?: true

Size: 984 Bytes

Versions: 735

Compression:

Stored size: 984 Bytes

Contents

Overlays optionally accept a `color`, which sets the "start" (opaque) color of a gradient mask. Because this overlay is intended to reveal underlying content, the "end" color is fixed to transparent. 

The optional `layout` prop accepts the `position` and `size` of the overlay as a key:value pair.

The `position` key accepts `bottom` (default), `top`, `y` (for both top and bottom) `right`, `left`, or `x` (for both left and right), which sets the side(s) where the `color` overlay starts. The direction of the overlay is always toward the opposite side of the position. For example, the default position of `bottom` starts the overlay on the bottom edge of your container and extends it toward the opposite side: the top.

The `size` value is `full` (100%) by default, but accepts our [spacing tokens](https://playbook.powerapp.cloud/visual_guidelines/spacing) or a percentage value as a string, and literally translates to how much of the container is covered by the overlay(s). 

Version data entries

735 entries across 735 versions & 2 rubygems

Version Path
playbook_ui_docs-14.9.0.pre.rc.2 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.9.0.pre.rc.2 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4567 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4567 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4565 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4565 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4543 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.8.0.pre.alpha.PLAY1615movenegativetoleftofcurrencysign4539 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.9.0.pre.rc.0 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md