Dropdowns

See how our dropdown menus can streamline user choices, offering a compact way to present multiple options.

Alternate

An alternative design for the standard dropdown.

Basic

A basic dropdown with minimal styling.


Composed

A dropdown designed with a composite structure.

Context

A contextual dropdown adjusting to its content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum purus, bibendum sit amet vulputate eget, porta semper ligula. Donec bibendum vulputate erat, ac fringilla mi finibus nec. Donec ac dolor sed dolor porttitor blandit vel vel purus. Fusce vel malesuada ligula. Nam quis vehicula ante, eu finibus est. Proin ullamcorper fermentum orci, quis finibus massa. Nunc lobortis, massa ut rutrum ultrices, metus metus finibus ex, sit amet facilisis neque enim sed neque. Quisque accumsan metus vel maximus consequat. Suspendisse lacinia tellus a libero volutpat maximus.


Dividers

Dropdown with dividers to segment content.

Footer

A dropdown featuring a footer section.

Grid Navigation

A grid dropdown geared for navigation purposes.

Grid Navigation Accent

A variant of the grid navigation dropdown with accentuated design elements.

Header

Dropdown with a distinctive header.

Icons

Dropdown items adorned with icons.

Language

A dropdown designed for language selection.

Mega Menu

An expansive dropdown designed for extensive navigation.

Profile

Profile-centric dropdown with user details.

Selected

Dropdown for highlighting and managing selected options.
Select user


Selected Accent

Accent-themed dropdown to showcase and select highlighted options.

Transitions

Dropdown with smooth transitions for interactions.