@orangecheck/design / OcErrorPageProps
Interface: OcErrorPageProps
Defined in: composites/error-page.tsx:9
Properties
| Property | Type | Description | Defined in |
|---|---|---|---|
<a id="property-actions"></a> actions? | ReactNode[] | A short "what can you do" list, rendered as the bordered mono panel. Defaults to the server-error list; pass [] to suppress it. Items are nodes, not just strings, so one can carry a link — attest's original 500 ended its list with "persisting? report it on github", and a shared component that could not express that would have been a downgrade for the site it was lifted from. | composites/error-page.tsx:31 |
<a id="property-children"></a> children? | any | Extra content below the buttons — a report link, a status page, a hint. | composites/error-page.tsx:35 |
<a id="property-classname"></a> className? | string | - | composites/error-page.tsx:36 |
<a id="property-code"></a> code? | string | number | Override the big numeral. Defaults to 404 / 500 from the variant. | composites/error-page.tsx:17 |
<a id="property-detail"></a> detail? | string | Override the // prose line under the headline. | composites/error-page.tsx:21 |
<a id="property-homehref"></a> homeHref? | string | Where "go home" points. A site with a app-scoped root can change it. | composites/error-page.tsx:33 |
<a id="property-title"></a> title? | string | Override the headline. Lowercase, per the family voice. | composites/error-page.tsx:19 |
<a id="property-variant"></a> variant? | OcErrorVariant | Picks the defaults. not-found is the 404 shape (primary tone, a "go back" affordance); server-error is the 500 shape (destructive tone, a retry affordance and a what-to-do list). | composites/error-page.tsx:15 |