Modal

Fenêtre modale accessible avec animations

Betav0.9.0

Installation

Terminal
npm install @xe-neo/okoume

Usage basique

TSX
<Modal
  open={isOpen}
  onClose={() => setIsOpen(false)}
  title="Confirmer l'action"
>
  <p>Êtes-vous sûr ?</p>
</Modal>

Aperçu interactif à venir

API Reference

PropTypeDefaultRequiredDescription
openbooleanfalseRequiredÉtat d'ouverture
onClose() => void-RequiredCallback de fermeture
titlestring-OptionalTitre de la modale

Accessibilité

Conforme WCAG 2.1

Gestion automatique du focus. Piège du focus dans la modale. Support de la touche Escape. Attributs aria-modal et role="dialog".