Popover is used to display floating content in relation to a trigger, usually a button or link.
Property | Value(s) |
---|---|
Corner radius | 4 px |
Shadow | Shadow 30 |
Property | Value(s) | Default value |
---|---|---|
Position | Bottom | |
Appearance | Light |
Popovers appear either 8px above or 8px below their trigger.
The preferred and default side is the bottom. Popovers use smart positioning if there is not enough space in the designated direction.