Modal

Beta

L3 — Overlay react-aria-components (ModalOverlay/Modal/Dialog) : focus trap, restauration de focus, dismiss Échap/clic-extérieur configurable. "use client". Statut beta — validation visuelle navigateur en attente (ADR-LYRA-V3-PRIMITIVES-001).

import { Modal } from "@lyra/tokens/components";

Playground

Démo interactive — réglages du playground (props ajustables en direct) à venir.

const [open, setOpen] = useState(false);
<Modal isOpen={open} onOpenChange={setOpen} title="Confirmer">
  <p>Voulez-vous vraiment continuer ?</p>
</Modal>

Documentation

Aperçu unique — pas de variantes documentées.

isOpen, onOpenChange, title, children, isDismissable, closeLabel

const [open, setOpen] = useState(false);
<Modal isOpen={open} onOpenChange={setOpen} title="Confirmer">
  <p>Voulez-vous vraiment continuer ?</p>
</Modal>