The modal layout is used on top level within the DOM structure. It is used as
a modal to contain content that should be displayed above the main content.
Each modal must have a UNIQUE id. This means that no modal can have the
same id, I cannot stress this enough. This id is then used to toggle the
The triggers of the modal must have the class
js-modal-trigger and the
data-modal-target with the id of the modal that
they want to trigger.
One modal can have multiple triggers. One trigger can toggle multiple
modals as well by placing multiple id's within the custom data-attribute
data-modal-target, separated by a space. But it is recommended to keep
the amount of modals on a page to just one.
Clicking on the modal backdrop will close it as well.
IMPORTANT TO NOTE is that once the modal is open, you cannot scroll
anymore on the body.