components / Structure

Popover

Sizes

Popovers have a set of fixed width options, ranging from extra small (192px) to a large (640px). This is similar in how the Modal's width operates. There is also an option for the popover to extend to 100% the width of the element it is wrapped around.

Padding

There are three configurable padding options for the overall modal: small, medium, and large. These options are independent of the width properties.

Small

Made for small, simple dropdowns.

Medium

Default — for most use cases. Complex dropdowns, small–medium sized interactive overlays on screen.

Large

Similiar in nature to a modal, these are for larger flows.