Alert
Mensagens de alerta e notificação.
Alert
Info message
Success!
<!-- Alert Component -->
<div class="alert">
Alert content here
</div>---
import Alert from '@/components/ui/feedback/Alert/Alert.astro';
---
<Alert />Variantes
info
info
Informação geral
success
success
Sucesso
warning
warning
Aviso
error
error
Erro
Uso
Quando usar
- Use Alert para mensagens de alerta e notificação.
- Ideal para interfaces que precisam de feedback
Boas práticas
- Mantenha consistência com outros componentes da mesma categoria
- Considere acessibilidade e estados de interação
- Teste em diferentes tamanhos de tela