Drop
a container that is overlaid next to a target
How to align the drop with respect to the target element. Not specifying a vertical or horizontal alignment will cause it to be aligned in the center.
{"top": "top", "left": "left"}
{"bottom": "bottom", "right": "right"}
Elevated height of the target, indicated via a drop shadow. Only applicable if the Drop isn't plain.
"none""xsmall""small""medium""large""xlarge""string"
How to control the overflow inside the drop.
"auto""hidden""scroll""visible""string"
{}
horizontal:
"auto""hidden""scroll""visible,"
vertical:
"auto""hidden""scroll""visible"
If set to true the drop element will be stretched to at least match the width of the target element. If set to align the width of the drop element will be restricted to the width of the target element. The default is true because that is what most uses of Drop want, like Select and Menu.
truefalse"align"