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
- Notification
Notification
The notification component is a small, non-interactive foreground element displaying numeric info to the user — info that is typically related to user profiles, game activity or betting inputs.
TWIG : Universes/_common/_twig/_components/_notifications/_notification.twig
CSS : DesignSystem/_tactics/_components/_css/_common/_notification/_notification.scss
DesignSystem/_tactics/_components/_css/_common/_notification/_alternative.scss
DesignSystem/_tactics/_components/_css/_common/_notification/_live.scss