The tabs are partly extended from Tactics components (CSS). An HTML overload is applied (new TWIG component).
Some rules :
- The tab_item must be at the same level as the tab_content.
- the name attribute of the input must be the same on all inputs of current tab component.
- the id attribute of the input must be the same as the id of the label and the tab_contentItem associated.
- icons are not mandatory
TWIG component : Universes/_content/_promotion/_common/_twig/_components/_tab.twig
CSS components : DesignSystem/_tactics/_common/_css/_components/_tab/_tab.scss
DesignSystem/_tactics/_common/_css/_components/_tab/_primary.scss
Universes/_content/_promotion/_common/_css/_components/_tab.scss
Esse adipisicing nulla do sit eu tempor dolore sint excepteur. Labore laborum mollit nisi culpa mollit do consequat. Reprehenderit in adipisicing voluptate adipisicing ea quis. Laboris mollit minim ea cupidatat. Do id laborum officia nulla ea anim nisi irure in ad qui amet ad quis. Commodo est culpa sunt ut tempor dolore consequat commodo officia exercitation cillum proident. Cupidatat adipisicing aliqua dolor consequat est occaecat irure exercitation ex anim et.
Occaecat ipsum exercitation deserunt aute ullamco magna occaecat aliqua officia. Aliquip tempor amet minim do dolore aliquip et adipisicing deserunt. Ad minim velit officia duis in tempor cupidatat aute anim ea eiusmod enim in. Consequat ut deserunt minim enim nisi duis et ex commodo. Anim velit Lorem pariatur id ea nostrud. Reprehenderit velit aute cillum ex velit eu nisi consectetur pariatur sunt commodo mollit. Aliqua deserunt tempor quis ipsum ea.
Ullamco consequat exercitation aliqua elit aute ad voluptate.
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.
Fugiat ipsum et aute Lorem reprehenderit ut anim consequat id laboris qui. Exercitation eu labore incididunt eiusmod. Ipsum nisi proident sit voluptate excepteur est qui labore veniam exercitation esse aliquip. Laborum commodo consectetur qui tempor non officia nostrud magna adipisicing sit aliquip. Esse consectetur esse incididunt occaecat fugiat do consectetur dolore excepteur minim nulla in. Enim adipisicing proident culpa eiusmod do non culpa. Do laborum ex cupidatat esse mollit consequat.
Occaecat dolore quis voluptate ad laboris. Qui velit duis et proident anim consectetur exercitation fugiat reprehenderit nulla sit cupidatat. Velit ea minim consectetur aliqua do ipsum adipisicing commodo aute culpa cupidatat est ex.