Popover

arrow_back arrow_forward

A floating panel anchored to the control that opened it — the date picker and the column chooser both use it. 280px wide, 16px radius, 8px below its anchor.

Specs

Property	Value
Position	`absolute` · `left 0` · `margin-top 8px` below the anchor
Width	`280px`
Radius	`16px`
Padding	`16px`
Surface	`#FFFFFF` · `1px #E5E7EB`
Shadow	`0 10px 30px rgba(0,0,0,0.12)`
Trigger	A read-only field with a trailing icon at `right 12px`, both opening the panel

No arrow or tail. The panel is a plain rectangle offset below its anchor.

A list of choices belongs in a Dropdown menu (12px radius, 180px min-width); a popover holds a small interface.

← Previous Pagination Next → Progress