Contents

Optionally, you can pass multi-directional options (`left-right` or `top-bottom`) to the `position` prop, which create multiple overlays. 

Your `color` is still applied as the starting edge to both overlays, and each mask will fade to transparent moving toward its opposite edge, ending at the `size` percentage you set. 

NOTE: Multi-directional overlays share the available container space, so passing a size greater than "50%" to a multi-directional overlay will cause your masks to overlap at the midline of your container. As a best practice, we do not recommend exceeding a size of 25% when using multi-directional overlays.

Version data entries

2 entries across 2 versions & 2 rubygems

Version	Path
playbook_ui_docs-13.28.0.pre.alpha.PBNTR297gradientoverlay3029	app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
playbook_ui-13.28.0.pre.alpha.PBNTR297gradientoverlay3029	app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md