😊 Join FOSS UOK Community. Join here →
ComponentModal

Modals

Modals are overlays used for tasks like confirmations or alerts.

Usage

  • Confirmation Modals
  • Information Modals

Code Example

<div class="modal">
  <div class="modal-content">
    <h2>Modal Title</h2>
    <p>This is the modal body.</p>
    <button class="btn btn-primary">Confirm</button>
    <button class="btn btn-secondary">Cancel</button>
  </div>
</div>

Accessibility

  • Use aria-hidden and aria-modal="true".
  • Ensure modals trap focus while open.
Form InputsNavigation