Alert
Mensajes de estado contextuales con soporte de tipos, icono, título, variante outline y cierre controlado.
TypeScript
import { NeuAlertComponent } from '@neural-ui/core/alert';Outline
Archivo guardado.
Tu sesión expirará en 5 minutos.
Cerrable
Este mensaje puede cerrarse.
Tipos
Esta es una alerta informativa.
Operación completada correctamente.
Comprueba los datos antes de continuar.
Ha ocurrido un error inesperado.
Con título
¡Novedad!
Se ha lanzado la versión 1.3.1.
Error de conexión
No se puede conectar con el servidor. Inténtalo más tarde.
TypeScript
import { NeuAlertComponent } from '@neural-ui/core/alert';
@Component({
imports: [NeuAlertComponent],
template: `
<neu-alert type="info">Informational message.</neu-alert>
<neu-alert type="success" title="Success!">Operation completed.</neu-alert>
<neu-alert type="warning" [outline]="true">Recommended action.</neu-alert>
<neu-alert type="error" [closable]="true" (closed)="onClose()">
Error while processing the request.
</neu-alert>
`
})
export class MyComponent {
onClose() { console.log('alert closed'); }
}