Alert

The Alert component provides lightweight semantic feedback messages using the native HTML aside element.

Ignix Lite alerts support semantic intent variants for warnings, errors, success messages, and informational updates.

---

Intent Variants

Preview

Something went wrong.

Your session will expire soon.

Saved successfully.

New updates are available.

Code

<aside data-intent="danger">
  Something went wrong.
</aside>

<aside data-intent="warning">
  Your session will expire soon.
</aside>

<aside data-intent="success">
  Saved successfully.
</aside>

<aside data-intent="info">
  New updates are available.
</aside>

Usage

Preview

Unsaved changes detected. Save your work before leaving.

Code

<aside data-intent="warning">
  Unsaved changes detected. Save your work before leaving.
</aside>

---

Attributes

Attribute	Type	Description
data-intent	'danger' | 'warning' | 'success' | 'info'	Applies semantic alert styling