Lumina

Component · Container

Dialog

Modal centralizado pra ações importantes. Overlay com backdrop-blur sutil, conteúdo opaco, foco trapped, ESC fecha.

Radixsource

Import

import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "@nimbuslab/lumina/components/dialog"

Default

Código

TSX

A11y

  • DialogTitle é obrigatório (Radix exige).
  • ESC fecha, foco volta pro trigger automaticamente.
  • Pra dialog sem título visível, use className="sr-only".