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

  • Home
  • tactics components
  • Actions
  • Switch

Switch

A switch is used to quickly change between two mutually exclusive states. Much like a light switch, they are designed to provide immediate results — giving users the freedom to control their preferences as needed. The design of a switch provides visual cues that the interaction will be instant (because it looks like a traditional analog switch) and therefore their presence on the UI is easily understood by many users.

TWIG : Universes/_common/_twig/_components/_forms/_switch.twig
CSS : DesignSystem/_tactics/_components/_css/_common/_form/_switch.scss
Angular component : <bcdk-switch>