EUAA Design System

Modals

Modal is a window that is overlaid on the page. At the top of the window there is the modal title and also an x in the corner. The modal can be closed by clicking on the x. At the bottom of the window there is always a selection of actions (buttons) that give options to the users.

Standard Modal

This is a standard modal

<div class="euaa-modal">
    <div class="euaa-modal__header">Title</div>
    <div class="euaa-modal__body">This is a modal</div>
    <div class="euaa-modal__footer">
        <input type="submit" class="euaa-btn euaa-btn--secondary" value="Secondary Button" />
        <input type="submit" class="euaa-btn euaa-btn--primary" value="Primary Button" />
    </div>
</div>