Dropdown Component - Showcase

Toggles

Toggle::Button
primary
secondary

primary small
secondary small
Toggle::Icon
with icon + chevron
icon only
with image (avatar)
States
icon/open:
icon+chevron/open:
avatar+chevron/open:

List Items

Title / Description / Separator
default (min width)
  • A simple title
  • A description.
  • Item
default (max width)
fixed width
Interactive
Generated element
default ⇒ <button>
with @href ⇒ <a>
with @route ⇒ <LinkTo> ⇒ <a>