Sha256: 8e933fe2348c46842d25c8ad34e0a3f3e231bd7a598a1232ea7964e494c9f7d7

Contents?: true

Size: 984 Bytes

Versions: 764

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

764 entries across 764 versions & 2 rubygems

Version Path
playbook_ui-14.7.0.pre.rc.8 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.6.2.pre.alpha.PBNTR633dropdownavailablepropstable4316 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.6.2.pre.alpha.PBNTR633dropdownavailablepropstable4316 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.7.0.pre.rc.7 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.7.0.pre.rc.7 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.6.2.pre.alpha.PBNTR576tooltiptruncatedformpills4312 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.6.2.pre.alpha.PBNTR576tooltiptruncatedformpills4312 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.6.2.pre.alpha.PBNTR633dropdownavailablepropstable4305 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.6.2.pre.alpha.PBNTR633dropdownavailablepropstable4305 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.7.0.pre.rc.6 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.7.0.pre.rc.6 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.6.2.pre.alpha.PBNTR576tooltiptruncatedformpills4304 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.6.2.pre.alpha.PBNTR576tooltiptruncatedformpills4304 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.6.2.pre.alpha.PBNTR633dropdownavailablepropstable4303 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.6.2.pre.alpha.PBNTR633dropdownavailablepropstable4303 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.6.2.pre.alpha.PBNTR576tooltiptruncatedformpills4296 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.6.2.pre.alpha.PBNTR576tooltiptruncatedformpills4296 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.6.2.pre.alpha.PLAY1550lazysizesupgrade4295 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui-14.6.2.pre.alpha.PLAY1550lazysizesupgrade4295 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
playbook_ui_docs-14.6.2.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4274 app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md