Studio Web
Switch Design System theme
Betclic / Clickbet
Shortcut : MAJ + T
Switch theme mode
Light / Dark
Shortcut : MAJ + D
Progressive betting slip strips
TWIG component : Universes/_turf/_common/_twig/_components/_progressive_betting_slip/_progressive_betting_slip.twig
CSS components : Universes/_common/_mobile/_css/_components/_progressive_betting_slip/_progressive_betting_slip_strip.scss
JS components : Universes/_common/_mobile/_js/_progressive_betting_slip_strip.js
Types
Progressive betting slip strips are available in 5 different sizes to fit all your needs.
Default
The Default case is used for displaying the maximum amount of information in the betting slip and when the fastbet block is embedded.
X small
When the betting slip is stuck between big left navigation tab bar or single context menu and it is to small to display the market bets information, only the odds are displayed.
Small
When the betting slip is placed on the right of a single big left navigation tab bar
Medium
When the betting slip is stuck between 2 navigations tab bar.
Large
When the betting slip is placed on the right of a single small left navigation tab bar.
X Large
When the betting slip takes up all the available width.
Singles
Different states for single bets in the progressive betting slip.
Single (default)
Single (Rising odd)
Single (Falling odd)
Single (with error)
Single (with suspended odd)
Combined
Different states for combined bets in the progressive betting slip.
Combined (default)
Combined (with long text)
Fastbet
The fastbet display allow to bet quickly with preset amounts from the progressive betting slip.
Odds formatting
The odds are formatting with different font size and weight to be more visible for the users and to highlight the changes of odds.