displaytexulinot agent-emittableapp
Alert
alert
Inline feedback for a page section (status or error).
Live examples
Warning alert
Warning alert
Loading demo…
Props
| Name | Kind | Required | Default | Description |
|---|---|---|---|---|
tone | enum (info, success, warning, error, brand, neutral) | no | "info" | — |
title | string | no | — | Optional heading |
text | string | no | — | Body copy |
hideIcon | boolean | no | false | — |
icon | slot | no | — | Custom icon snippet |
actionLabel | string | no | — | — |
actionHref | string | no | — | Optional action link (URL policy) |
onAction | event | no | — | — |
dismissible | boolean | no | false | — |
dismissLabel | string | no | "Dismiss" | — |
onDismiss | event | no | — | — |
class | string | no | — | — |
Keyboard
| Key | Action |
|---|---|
— | See accessibility notes for keyboard behavior. |
Accessibility
- error tone uses role=alert; other tones use role=status; dismiss is named.
Evidence for alert
Latest committed gates for alert (as of 2026-10-23). Static snapshot — not live CI.
Behavior
n/ano behavior scenario
No dedicated behavior scenario for this catalog id (a styled or display surface, covered by its unit and axe tests).
Size (gzip)
texuli/alert · budget 12.0 KiB
Budget from texuli.budgets.json; re-measure with `pnpm size --filter <entry>`.
Axe
documented
tests/e2e/site-component-pages.spec.tsdocs/quality (a11y-*)
Site component pages axe gate; package-level a11y docs under docs/quality when present.
Browsers
chromiumwebkitmobile
Playwright projects: Desktop Chrome, Desktop Safari, Pixel 7. Firefox is a known gap on this host.
When to use
Use when
- Report a result or problem next to the related content
Don’t use when
Prefer another component
- A full-page failure (use error-state)
- A quiet tip in docs (use callout)