description v25.51.0

Studio Web solution deployed on 12/12/2025 at 16:55:57

palette 3.7.4

Tactics Betclic version : 3.7.4

palette 2.43.7

Tactics Clickbet version : 2.43.7

light_mode
dark_mode

Switch Design System theme
Betclic / Clickbet
Shortcut : MAJ + T

Switch theme mode
Light / Dark
Shortcut : MAJ + D

description v25.51.0

Studio Web solution deployed on 12/12/2025 at 16:55:57

palette 3.7.4

Tactics Betclic version : 3.7.4

palette 2.43.7

Tactics Clickbet version : 2.43.7

search

List

The list are extended from the basicList Tactics components (excepted a part of the ordered list). There is a custom component based on basic list tactics component. This one need to have a specific DOM to play accordion effect, input and label are mandatory.

Tactics Documentation Content

TWIG : Universes/_common/_twig/_components/_list.twig
Universes/_content/_promotion/_twig/_components/_list_accordion.twig
CSS : DesignSystem/_tactics/_components/_css/_common/list/_basic_list.scss
Universes/_content/_promotion/_css/_components/_list/_basic_list.scss
Universes/_content/_promotion/_css/_components/_list/_basic_list_accordion.scss

Default

Ordered

  1. Ordered list #1
  2. Ordered list #2
  3. Ordered list #3

With icons

  • Icons list 1
  • Icons list 2
  • Icons list 3

Accordion list

Basic

  • Ut ipsum eu tempor esse ut sint dolor Lorem eiusmod consequat. Non aliquip id excepteur ex ex pariatur id cillum fugiat non sint ut cupidatat commodo. In labore amet cupidatat tempor commodo veniam mollit duis aliqua. Mollit incididunt consequat veniam ea est. Dolor reprehenderit dolor laborum consequat Lorem amet.

  • Velit mollit officia incididunt eiusmod ea eiusmod Lorem deserunt dolore excepteur in. Voluptate magna ex quis anim non magna exercitation quis labore reprehenderit sit id. Consequat eu veniam eiusmod officia laborum. Proident cillum consectetur cillum ut. Enim velit pariatur fugiat enim fugiat anim aliquip incididunt.

  • Et consequat id Lorem et velit laborum cupidatat. Labore excepteur nisi anim nulla esse. Anim in esse laboris deserunt do sint. Ex fugiat velit commodo exercitation sint nulla veniam in consequat nulla veniam. Ad labore eiusmod voluptate pariatur sit aliqua nisi irure dolor consectetur esse ipsum. Duis eiusmod aliquip eu cillum. Nulla do sunt anim minim mollit veniam velit amet aliquip qui ex amet aute pariatur.

With icon

  • Ut ipsum eu tempor esse ut sint dolor Lorem eiusmod consequat. Non aliquip id excepteur ex ex pariatur id cillum fugiat non sint ut cupidatat commodo. In labore amet cupidatat tempor commodo veniam mollit duis aliqua. Mollit incididunt consequat veniam ea est. Dolor reprehenderit dolor laborum consequat Lorem amet.

  • Velit mollit officia incididunt eiusmod ea eiusmod Lorem deserunt dolore excepteur in. Voluptate magna ex quis anim non magna exercitation quis labore reprehenderit sit id. Consequat eu veniam eiusmod officia laborum. Proident cillum consectetur cillum ut. Enim velit pariatur fugiat enim fugiat anim aliquip incididunt.

  • Et consequat id Lorem et velit laborum cupidatat. Labore excepteur nisi anim nulla esse. Anim in esse laboris deserunt do sint. Ex fugiat velit commodo exercitation sint nulla veniam in consequat nulla veniam. Ad labore eiusmod voluptate pariatur sit aliqua nisi irure dolor consectetur esse ipsum. Duis eiusmod aliquip eu cillum. Nulla do sunt anim minim mollit veniam velit amet aliquip qui ex amet aute pariatur.