Studio Web
Studio Web solution deployed on 02/11/2026 at 09:46:30
Tactics Betclic version : 5.0.10-alpha.2
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 02/11/2026 at 09:46:30
Tactics Betclic version : 5.0.10-alpha.2
Tactics Clickbet version : 2.43.7
-
Getting started
-
Guidelines
-
Iconography
-
Typography
-
-
Components
-
Shared
-
Universes
-
person Account
-
casino Casino
-
content_paste Content
-
group Social
-
sports_soccer Sport
- Alert
-
Badge
- Banner
- Bottom sheet
-
Cards
-
Events
-
Cards
-
Headers
-
Statistics
- Lineup
-
Match center
-
Momentum
-
- Modal
-
Freequest
-
Goalbooster
-
Hack friday
-
Pinata
-
Lucky draw
-
-
Markets
-
Missions
-
Jackpot
-
- Modal
-
My bets
- Onboarding
-
Progressive betting slip
- Tag
-
bedroom_baby Turf
- Badge
- Boosted cards
-
Button
-
Freequest
- Meeting cards
- Jockey cards
- Market types
-
My bets
- Meeting cards
- Onboarding
- Performance tag
-
Pinata
-
Lucky draw
-
-
Progressive betting slip
- Race cards
- Race event
- Ranking
- Sections
- Tag
- Timer
-
widgets Widget
-
-
Tactics
-
call_to_action Actions
-
hub Communication
-
looks Decorative
-
mode Forms
-
menu Navigation
- Bottom navigation
- Context menu
-
Footer
-
Header
- Tab bar
-
-
- 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 : libs/common/tactics/src/lib/modal/
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
