description v25.51.0

Studio Web solution deployed on 12/12/2025 at 16:55:57

palette 3.7.4

Tactics Betclic version : 3.7.4

palette 2.43.7

Tactics Clickbet version : 2.43.7

light_mode
dark_mode

Switch Design System theme
Betclic / Clickbet
Shortcut : MAJ + T

Switch theme mode
Light / Dark
Shortcut : MAJ + D

description v25.51.0

Studio Web solution deployed on 12/12/2025 at 16:55:57

palette 3.7.4

Tactics Betclic version : 3.7.4

palette 2.43.7

Tactics Clickbet version : 2.43.7

search
  • Home
  • Tactics components
  • Actions
  • Filter (Chip)

Filter (Chip)

The purpose of a chip component is to present contextual and supplemental options that are relevant to the content on screen.

Tactics Documentation Sport Turf Account

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 highlighted item

  • Filter here
  • Filter here more longer
  • 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