Release 25.43.4

Tactics 3.0.13

light_mode

dark_mode

Combo box (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/_forms/_combo_box.twig
CSS : DesignSystem/_tactics/_common/_css/_components/_form/_combo_box.scss
Angular component : <bcdk-select>

Basic

Default

Large

Label

Nulla et proident

Minim sunt Lorem

Duis cillum commodo ea proident dolor adipisicing. Es eunt pariatur id quis cupidatat

Deserunt

Small

Label

Nulla et proident

Minim sunt Lorem

Ex adipisicing labore ullamco dolore adipisicing. Commodo deserun ea do dolore in laboris

Deserunt

Small Up

Value

Nulla et proident

Minim sunt Lorem

Duis cillum commodo ea proident dolor adipisicing. Es eunt pariatur id quis cupidatat

Deserunt

Alt

Large

Label

Nulla et proident

Minim sunt Lorem

Cillum enim ullamco eu occaecat deserunt fugiat irure et consectetur ad non fugiat

Deserunt

Small

Label

Nulla et proident

Minim sunt Lorem

Cupidatat adipisicing dolor eu aliqua ut et ess et duis. Quis voluptate exercitation

Deserunt

Small Up

Value

Nulla et proident

Minim sunt Lorem

Cillum enim ullamco eu occaecat deserunt fugiat irure et consectetur ad non fugiat

Deserunt

With sub components

Default

Small

Label

Non sint

Nulla et proident

NIrure

Minim sunt Lorem

Fugiat

NIrure

Anim ad ex consequat officia deserunt laborum aliquip sit

Fugiat

Non sint

Deserunt

Large

Label

Non sint

Nulla et proident

NIrure

Minim sunt Lorem

Fugiat

NIrure

Anim ad ex consequat officia deserunt laborum aliquip sit

Fugiat

Non sint

Deserunt

Alt

Small

Label

Non sint

Nulla et proident

NIrure

Minim sunt Lorem

Fugiat

NIrure

Anim ad ex consequat officia deserunt laborum aliquip sit

Fugiat

Non sint

Deserunt

Large

Label

Non sint

Nulla et proident

NIrure

Minim sunt Lorem

Fugiat

NIrure

Anim ad ex consequat officia deserunt laborum aliquip sit

Fugiat

Non sint

Deserunt