Exibição

Alert

Mensagem de alerta para feedback e notificações inline.

Uso

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

html

<y-alert title="Informação" variant="info">Sua loja está sendo processada.</y-alert><y-alert title="Sucesso" variant="success">Pedido criado com sucesso!</y-alert><y-alert title="Atenção" variant="warning">Estoque baixo.</y-alert><y-alert title="Erro" variant="destructive">Falha no pagamento.</y-alert>

Exemplos

Variantes

Propriedades

Propriedade	Tipo	Padrão	Descrição
`variant`	`"default" \| "destructive" \| "success" \| "warning" \| "info"`	`"default"`	Estilo do alerta
`title`	`string`	—	Título do alerta

Importação

Importe todos os componentes ou apenas este:

typescript

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

Acessibilidade

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