Alert
Alerts são componentes utilizados para prover feedbacks contextuais e notificações em resposta a ações do usuário ou atividades do sistema.
Quando usar
- For necessário mostrar informações contextuais.
- Para feedbacks urgentes.
Quando não usar
- Não cubra outros elementos da interface com um Alert.
- For necessário mostrar informações de modo não intrusivo. Para esse caso, recomendamos o uso de b-toasts.
- For necessário mostrar informações contextuais extensas. Para esse caso, recomendamos o uso de AlertCard.
Uso
js
<CdsAlert
variant="green"
text="Link Button"
/>Preview
Título do AlertCard
Props
Nome | Tipo | Default | Opções | Descrição |
|---|---|---|---|---|
variant | string | 'info' | info warning danger | A variante do Alert. São 3 variantes implementadas: |
text | string | 'Título do AlertCard' | -- | O título do alert. O título também pode ser usado com o slot. |
dismissible | boolean | false | -- | Prop que exibe botão de fechamento do alert. |
Eventos
Nome | Descrição |
|---|---|
@close | Evento emitido quando o botão de fechar o alert é clicado. |
Slots
Nome | Descrição |
|---|---|
#default |