Studio Web
Switch Design System theme
Betclic / Clickbet
Shortcut : MAJ + T
Switch theme mode
Light / Dark
Shortcut : MAJ + D
Counter
The counter component allows users to increase or decrease values quickly and easily.
TWIG component : Universes/_common/_twig/_forms/_imput.twig
CSS components : DesignSystem/_tactics/_components/_css/_common/_form/_counter.scss
JS component : Universes/_common/_js/_forms.js
Counter
Default (always with label)
Classic
Readonly
Field in readonly and minus button in disabled
With icon
Plus button in disabled and with bonus icon
With currency icon
Plus button in disabled and with currency icon
Align right with currency icon
Plus button in disabled and with currency icon and align right content
Align right with bonus icon
With bonus icon and align right content
Small (never with label or placeholder)
Classic
Readonly
Field in readonly and minus button in disabled
With icon
Plus button in disabled and with bonus icon
With currency icon
Plus button in disabled and with currency icon
Align right with currency icon
Plus button in disabled and with currency icon and align right content
Align right with bonus icon
With bonus icon and align right content