## Result
A full-block outcome state — success, error, info, warning, 404, 403 or 500 — with an icon, title and actions.
Tier: leaf-lit. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.
Default to the HTML snippet — <aha-result> is a standard custom element that renders on open — React/Vue are thin adapters over the same element.
Surfaces: editor, dashboard, audience.
Props:
- status: success | error | info | warning | 404 | 403 | 500, default info. Outcome — picks the glyph and colour
- result-title: string, default —. The headline message
- subtitle: string, default —. Optional supporting line under the title
- icon: string (DS icon name), default —. Overrides the status glyph with any DS icon (e.g. system-shield-warning)
Tokens: color-primary, color-success, color-error, color-warning, color-info, text-default, text-tertiary.
Use when: Result (a full-block outcome after an operation or a not-found/empty route (with a next action)); Alert (an inline, in-context banner that stays in the layout (feedback pattern)); Toast (a transient, auto-dismissing confirmation).