Pular para o conteúdo
A
Get Pro

Alert Dialog

OverlaysCLI

Diálogo de confirmação (Radix) com ações Confirmar/Cancelar no estilo do Button.

Instalação

bash
pnpm add aura-ui-components aura-ui-tailwind

Depois, importe o CSS uma vez no seu arquivo global (Tailwind v4):

css
/* app/globals.css */
@import "aura-ui-tailwind";
@import "aura-ui-components/tailwind.css";

Uso

tsx
import {
  AlertDialog,
  AlertDialogTrigger,
  AlertDialogPortal,
  AlertDialogOverlay,
  AlertDialogContent,
  AlertDialogHeader,
  AlertDialogFooter,
  AlertDialogTitle
} from "aura-ui-components/alert-dialog";

API

Exportações

AlertDialogAlertDialogTriggerAlertDialogPortalAlertDialogOverlayAlertDialogContentAlertDialogHeaderAlertDialogFooterAlertDialogTitleAlertDialogDescriptionAlertDialogActionAlertDialogCancelalertDialogContentVariants

Tipos

AlertDialogContentProps

Dependências npm

@radix-ui/react-alert-dialogclass-variance-authority

Usa também

Button

Código-fonte

É exatamente o arquivo que o CLI copia para o seu projeto — edite à vontade.