Alert
Contextual status messages with type support, icon, title, outline variant and controlled close.
TypeScript
import { NeuAlertComponent } from '@neural-ui/core/alert';Outline
File saved.
Your session will expire in 5 minutes.
Closable
This message can be closed.
Types
This is an informational alert.
Operation completed successfully.
Check the data before continuing.
An unexpected error has occurred.
With title
What's new!
Version 1.3.1 has been released.
Connection error
Cannot connect to the server. Please try again later.
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'); }
}