Alert
Displays a callout for user attention.
Default
The standard alert component.
Heads up!
You can add components to your app using the cli.
alert-example-default.ts
Error (Destructive)
Used for errors and critical information.
Error
Your session has expired. Please log in again.
alert-example-destructive.ts
Success
Used for successful operations.
alert-example-success.ts
Warning
Used for warning information.
alert-example-warning.ts
Info
Used for general information.
alert-example-info.ts
Aborted
Used when an operation has been aborted.
alert-example-aborted.ts
Installation & Usage
Installation
Imports
Basic Skeleton
API Reference
Helm API
The helm directives provide the default spartan/ui styling for the alert.
| Directive | Selector | Inputs |
|---|---|---|
| HlmAlert | [hlmAlert] |
|
| HlmAlertTitle | [hlmAlertTitle] | Styled title for the alert. |
| HlmAlertDescription | [hlmAlertDescription], [hlmAlertDesc] | Styled description for the alert. |
| HlmAlertIcon | [hlmAlertIcon] | Icon directive that handles sizing and alignment. |