Dropdown

Dropdown components are interactive navigation elements. Their main goal is to allow users to select one input from a descending list of options.

TWIG : Universes/_common/_twig/_components/_dropdowns/_dropdown.twig
CSS : DesignSystem/_tactics/_components/_css/_common/_dropdown/_dropdown.scss
DesignSystem/_tactics/_components/_css/_common/_dropdown/_alternative.scss
JS : Universes/_common/_js/_dropdown.js

Special cases

Selectable

• 

  Laboris voluptate
• 

  Amet do reprehenderit

code HTML

Alt

Bottom

Bottom left

• Laboris voluptate
• Amet do reprehenderit

Bottom right

• Laboris voluptate Id aliqua nisi ullamco aliquip et ut nulla enim veniam tempor adipisicing eu
• Amet do reprehenderit

code HTML

Top

Top left

• Laboris voluptate
• Amet do reprehenderit

Top right

• Laboris voluptate
• Amet do reprehenderit

code HTML

Special cases

Selectable

• 

  Laboris voluptate
• 

  Amet do reprehenderit

With information message

• Laboris voluptate Id aliqua nisi ullamco aliquip et ut nulla enim veniam tempor adipisicing eu
• Amet do reprehenderit

Lorem ipsum dolor sit amet consectetur

code HTML