oc · docs
docs / documentation

@orangecheck/design


@orangecheck/design / OcErrorPageProps

Interface: OcErrorPageProps

Defined in: composites/error-page.tsx:9

Properties

PropertyTypeDescriptionDefined 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?anyExtra 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 | numberOverride the big numeral. Defaults to 404 / 500 from the variant.composites/error-page.tsx:17
<a id="property-detail"></a> detail?stringOverride the // prose line under the headline.composites/error-page.tsx:21
<a id="property-homehref"></a> homeHref?stringWhere "go home" points. A site with a app-scoped root can change it.composites/error-page.tsx:33
<a id="property-title"></a> title?stringOverride the headline. Lowercase, per the family voice.composites/error-page.tsx:19
<a id="property-variant"></a> variant?OcErrorVariantPicks 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