primitives alert

Alert

Static info / success / warning / error banner with optional title and dismiss.

$ ndui add alert

Component docs

Semantic variants

Heads up

Scheduled maintenance window is 02:00 — 03:00 UTC tomorrow.

Saved

Your changes have been persisted to the database.

Unsaved changes

You have edits that haven't been committed yet.

Payment failed

The card ending in 4242 was declined. Try another payment method.

Source

<Alert Level="AlertLevel.Info"     Title="Heads up">Scheduled maintenance 02:00 UTC.</Alert>
<Alert Level="AlertLevel.Success"  Title="Saved">Changes persisted.</Alert>
<Alert Level="AlertLevel.Warning"  Title="Unsaved changes">Edits not committed.</Alert>
<Alert Level="AlertLevel.Error"    Title="Payment failed">Card ending 4242 declined.</Alert>

Dismissible

Source

<Alert Level="AlertLevel.Info" Title="Tip" Dismissible="true">
    Press <kbd>⌘K</kbd> to open the command palette.
</Alert>