Alert
O componente v-alert é utilizado para transmitir informações importantes para o usuário. Ele tem 4 variações: success, info, warning and error. Estas têm ícones padrão atribuídos que podem ser alterados e representar diferentes ações
API
Components.Alerts.
Especifica que o alerta pode ser fechado
Determina um ícone específico
Components.Alerts.
Components.Alerts.
Alerta terá um contorno
Components.Alerts.
Especifica um alerta de success, info, warning ou error. Usa a cor contextual e um ícone pré-definido.
Controla visibilidade
Exemplos
Fechável
Usando v-model você pode controlar o estado do alerta. Se você não deseja atribuir um v-model e apenas exibir o alerta, você pode simplesmente atribuir a propriedade value.
Ícone personalizado / Sem ícone
Você pode facilmente atribuir um ícone personalizado ou remover qualquer ícone.
Transição de exibição
Você pode aplicar uma transição personalizada ao exibir/ocultar o alerta.
Contorno
Alertas de contorno herdam suas bordas da cor atual aplicada.