Dropdown examples

default

with active state

Simulate triggering the :active CSS pseudo-class, not available in the production build.

with hover state

Simulate triggering the :hover CSS pseudo-class, not available in the production build.

with focus state

Simulate triggering the :focus CSS pseudo-class, not available in the production build.

Primary

A button for primary actions

Transparent

Header

Small

A small button

Small has selection

A button with selection applied

Disabled

Classes applied to container element

Both button and tooltip elements are wrapped in an outer container div

Classes applied to tooltip content

Tooltip content can have additional classes applied

Classes applied to various elements

The content width generates the tooltip width in this example