Studio Web
Switch Design System theme
Betclic / Clickbet
Shortcut : MAJ + T
Switch theme mode
Light / Dark
Shortcut : MAJ + D
Filter (Chip)
The purpose of a chip component is to present contextual and supplemental options that are relevant to the content on screen.
TWIG : Universes/_common/_twig/_components/_filters/_filters.twig
CSS : DesignSystem/_tactics/_components/_css/_common/_filter/_filter.scss
DesignSystem/_tactics/_components/_css/_common/_filter/_scrollable.scss
DesignSystem/_tactics/_components/_css/_common/_filter/_sticky.scss
JS : Universes/_common/_js/_filters/_*.js
Angular component : <bcdk-filters>
Primary
Default
Classic
-
Filter here
-
Filter here more longer
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here more longer
-
Filter here
-
Filter here
With icon, image or lottie
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
Hot (red active state)
-
Filter here
-
Filter here more longer
-
Filter here
-
Filter here
-
Filter here
-
Filter here
Scrollable
-
Filter here
-
Filter here more longer
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
Scrollable with first element fixed
-
Filter here
-
Filter here more longer
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here
disabled
-
Filter here
-
Filter here
-
Filter here
-
Filter here
-
Filter here