Componente

Dialog

Modal centrado com overlay desfocado. Fade no overlay + zoom contido no conteúdo (Radix Dialog).

tsx

import {
  Dialog, DialogTrigger, DialogContent, DialogHeader,
  DialogTitle, DialogDescription, DialogFooter, DialogClose,
} from "@bte/ui/dialog";

<Dialog>
  <DialogTrigger asChild><Button variant="outline">Editar inscrição</Button></DialogTrigger>
  <DialogContent>
    <DialogHeader>
      <DialogTitle>Editar inscrição</DialogTitle>
      <DialogDescription>Ajuste seus dados para o scoreboard.</DialogDescription>
    </DialogHeader>
    <DialogFooter>
      <DialogClose asChild><Button variant="ghost" size="sm">Cancelar</Button></DialogClose>
      <Button size="sm">Salvar</Button>
    </DialogFooter>
  </DialogContent>
</Dialog>