Modal

The modal component is a custom element based on Tactics component. A contentPage_modal is composed of input and label which are mandatory to handle the modal display. It can be plugged into any DOM element, as long as it is surrounded by a label with the corresponding attributes.

TWIG component : Universes/_content/_promotion/_twig/_components/_modal.twig
CSS components : Universes/_content/_promotion/_css/_components/_modal.scss

Default

With button

Modal handler 1

Laborum officia

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.

Close

code HTML

With link

Modal handler 2

Fugiat eu nostrud ad ex nisi

Ea commodo consectetur dolor occaecat ipsum elit consequat non. Occaecat pariatur laboris est ea fugiat. Ex dolore excepteur velit veniam reprehenderit pariatur.

Default link

Close

code HTML

With image

Fugiat eu nostrud ad ex nisi

Ea commodo consectetur dolor occaecat ipsum elit consequat non. Occaecat pariatur laboris est ea fugiat. Ex dolore excepteur velit veniam reprehenderit pariatur.

Close

code HTML