Desktop header
The header is a sticky, modular element that appears across the top of the application screen.
TWIG : Universes/_common/_twig/_components/_header.twig
CSS : DesignSystem/_tactics/_desktop/_css/_components/_header/_header.scss
Default
Background : Red
Pattern
Red, with dark red SVG pattern
Not subscribed/not logged
Logged with notifications without label
Logged with notifications without label
Primary
Background : Liverly red
All possible cases
Not subscribed/not logged
Logged with notifications
Logged with disabled state
Logged with notifications and without label
Logged with active state and without label
Logged with disabled state and without label
Special cases
Close button + logo + share button
Close button + not subscribed/not logged
Close button + not logged
Close button + Betclic logo + disabled balance amount
Close button + balance amount + help button
Tooltips
TLS tooltip (Sport FR) without label