ErrorState
Diagnosis card for errors/unavailable/forbidden/not-found/offline with next actions and copyable reference.
beta
Examples
Live examples for this component are on the way.
API
import ErrorState from '@tcpsystems/ui/foundation/ErrorState';| Prop | Type | Default |
|---|---|---|
kind? | 'error' | 'forbidden' | 'unavailable' | 'not-found' | 'stale' | 'offline' | 'error' |
title | string | none |
text? | string | none |
code? | string | none |
requestId? | string | none |
traceId? | string | none |
statusHref? | string | none |
statusLabel? | string | 'Status page' |
actions? | ErrorAction[] | [] |
diagnostics? | string | none |
copyDiagnosticsLabel? | string | 'Copy diagnostics' |
copiedLabel? | string | 'Copied' |
as? | 'h1' | 'h2' | 'h3' | 'h2' |
| Snippet |
|---|
children |
| Hook | Kind |
|---|---|
.tcp-error-state | Root class |
data-copied-label | Data attribute |
data-copy-json | Data attribute |
data-kind | Data attribute |
data-size | Data attribute |
data-variant | Data attribute |