Modal

The modal component works as a page overlay, and gives the content placed within full focus from the user. Should be used with care as all other navigation methods are hidden when in use. This solution uses the modal component for global search.

<div class="modal js-modal"
     id="modal-id" 
     aria-expanded="false" 
     aria-hidden="true" 
     aria-labelledby="trigger-id"
     role="dialog">
  <div class="row align-center modal__row">
    <div class="column">

    <!-- Modal content -->

    </div>
    <button class="modal__close-btn js-close-modal" aria-expanded="false" aria-controls="modal-id">Lukk</button>
  </div>
</div>