Popovers are floating containers that opens on demand. They give users access to additional information and actions. The component is similar to Cards in that the content inside is highly customizable.
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.
There are three configurable padding options for the overall modal: small, medium, and large. These options are independent of the width properties.
Made for small, simple dropdowns.
Default — for most use cases. Complex dropdowns, small–medium sized interactive overlays on screen.
Similiar in nature to a modal, these are for larger flows.