Modal

A modal component is a UI element that is displayed on top of the current page and is used to show additional content or actions.

Modal Content

Code

Code

<dialog id="example-modal-window" class="backoffice-modal">
  <form method="dialog" class="modal-backdrop">
    <button class="h-[100vh] w-[100vw]">close</button>
  </form>
  <div class="backoffice-modal-box">
    <p>Modal Content</p>
  </div>
</dialog>

Details

AttributeTypeDescription
.backoffice-modal
component
Class used for modal component
.backoffice-modal[data-scroll]
modifier
Class used for modal with scroll