Studio Web
Studio Web solution deployed on 12/12/2025 at 16:55:57
Tactics Betclic version : 3.7.4
Tactics Clickbet version : 2.43.7
Switch Design System theme
Betclic / Clickbet
Shortcut : MAJ + T
Switch theme mode
Light / Dark
Shortcut : MAJ + D
Studio Web solution deployed on 12/12/2025 at 16:55:57
Tactics Betclic version : 3.7.4
Tactics Clickbet version : 2.43.7
-
Getting started
-
Guidelines
-
Iconography
-
Typography
-
-
Components
-
Universes
-
person Account
-
casino Casino
-
Banners
-
Button
- Bottom Sheet
-
Game cards
- Modal
-
Navigation
-
Header
-
- ProgressBar
-
-
smart_toy Chat
- Banner
-
Button
-
Cards
- Conversation
-
Progress bar
-
Window
-
content_paste Content
-
euro_symbol Payment
-
Deposit
- Payment cards
- Text Input
-
Withdraw
-
-
sports_soccer Sport
- Alert
- Bottom sheet
-
Cards
- Custom keyboard
-
Events
-
Cards
-
Headers
-
Statistics
- Lineup
-
Momentum
-
- Modal
-
Freequest
-
Goalbooster
-
Hack friday
- Modal
-
My bets
- Onboarding
- Picker
-
Progressive betting slip
-
bedroom_baby Turf
- Badge
- Boosted cards
-
Button
-
Freequest
- Meeting cards
- Jockey cards
- Market types
-
My bets
- Meeting cards
- Onboarding
- Performance tag
-
Progressive betting slip
- Race cards
- Race event
- Ranking
- Sections
- Tag
-
widgets Widget
-
-
Tactics
-
call_to_action Actions
-
hub Communication
-
looks Decorative
-
mode Forms
-
menu Navigation
-
-
- Home
- Tactics components
- Actions
- Button
- Structure
Structure buttons
Buttons are simple, atom-level components — we consider them to be one of the most important interactive elements on the mobile UI. This is because they are one of the first interactive elements that a user will be visually drawn to when faced with a new screen.
TWIG : Universes/_common/_twig/_components/_buttons/_buttons.twig
CSS : DesignSystem/_tactics/_components/_css/_common/_button/_button.scss
JS : Universes/_common/_js/_buttons/_*.js