Result
Status result page block displaying a large icon, title, subtitle, and actions slot for outcomes such as success, error, warning, or HTTP error codes.
Preview
Attributes
| Attribute | Type | Default | Description |
|---|---|---|---|
status | string | info | Visual status variant: info | success | error | warning | 404 | 403 | 500. |
title | string | — | Heading text; HTTP code statuses fall back to an i18n default. |
subtitle | string | — | Secondary descriptive line (alias of description). |
description | string | — | Secondary descriptive line (alias of subtitle). |
Installation
pura is copy-paste and dependency-free. Load the whole library, or just this component.
<link rel="stylesheet" href="/pura/tokens.css">
<script type="module" src="/pura/lib/result.js"></script>import "./pura/lib/result.js";