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
- Communication
- Modal
Modal
Modals focus the user's attention towards a single piece of information or request. They are an interface element that appears over other content.
TWIG : Universes/_common/_twig/_components/_modal.twig
CSS : DesignSystem/_tactics/_components/_css/_common/_modal/_modal.scss
JS : Universes/_common/_js/_modal.js
Basic link
Do id in duis aute reprehenderit elit duis nostrud et. Et qui ut voluptate proident occaecat.
Do id in duis aute reprehenderit elit duis nostrud et. Et qui ut voluptate proident occaecat.
Do id in duis aute reprehenderit elit duis nostrud et. Et qui ut voluptate proident occaecat.
Content scroller with tabs link
Content with dropdown list link
Branded link
Special link
Positive link
Negative link
Pending with value link
Positive with value and winnings link
Positive with multiPlus link
Positive with multiboost link
Loading link
Sizes link
Default (400px) link
This size is for all modals
Medium (600px) link
This size is only for modals used for the marketing
Fullscreen (100%) link
This size is for specific modals
