When used, tooltips reveal a text label that helps the user understand an element's identity and the functionality it offers. Tooltips can be interactive, simply with a close button. Their messages are designed to be explanatory in the most concise way possible.
TWIG : Universes/_common/_twig/_components/_tooltip.twig
CSS : DesignSystem/_tactics/_common/_css/_components/_tooltip/_tooltip.scss
DesignSystem/_tactics/_common/_css/_components/_tooltip/_tls.scss
JS : Universes/_common/_js/_tooltips.js
Est culpa id ullamco irure fugiat anim.
Est culpa id ullamco irure fugiat anim.
Est culpa id ullamco irure fugiat anim.
Est culpa id ullamco irure fugiat anim.
Est culpa id ullamco irure fugiat anim.
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Labore mollit cupidatat velit reprehenderit do amet fugiat. Do commodo commodo commodo amet aliquip.
Labore mollit cupidatat velit reprehenderit do amet fugiat. Do commodo commodo commodo amet aliquip. Irure minim consequat nulla ea amet eu excepteur deserunt. Cillum ea reprehenderit tempor velit consequat eu. Commodo nostrud id magna qui qui aliqua sint non ea mollit.
Labore mollit cupidatat velit reprehenderit do amet fugiat. Do commodo commodo commodo amet aliquip.
Labore mollit cupidatat velit reprehenderit do amet fugiat. Do commodo commodo commodo amet aliquip. Irure minim consequat nulla ea amet eu excepteur deserunt. Cillum ea reprehenderit tempor velit consequat eu. Commodo nostrud id magna qui qui aliqua sint non ea mollit.
Félicitations ! Bonus débloqué
Light shadow on tooltip