Overlay

Alert Dialog

Dialog de confirmação para ações destrutivas ou irreversíveis.

Uso

Use o elemento <y-alert-dialog> no seu HTML:

html

<y-alert-dialog title="Excluir produto?" description="Esta ação não pode ser desfeita.">  <div slot="footer">    <y-button variant="outline">Cancelar</y-button>    <y-button variant="destructive">Excluir</y-button>  </div></y-alert-dialog>

Exemplos

Padrão

Propriedades

Propriedade	Tipo	Padrão	Descrição
`open`	`boolean`	`false`	Controla visibilidade
`title`	`string`	—	Título
`description`	`string`	—	Descrição

Importação

Importe todos os componentes ou apenas este:

typescript

// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/alert-dialog.js';

Acessibilidade

Suporta navegação por teclado
Utiliza atributos ARIA apropriados
focus-visible para indicação de foco