Skip to content
tcpsystemsui

Theme

Colour scheme
Accent
Density
Radius
Esc

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
import ErrorState from '@tcpsystems/ui/foundation/ErrorState';
PropTypeDefault
kind?'error' | 'forbidden' | 'unavailable' | 'not-found' | 'stale' | 'offline''error'
titlestringnone
text?stringnone
code?stringnone
requestId?stringnone
traceId?stringnone
statusHref?stringnone
statusLabel?string'Status page'
actions?ErrorAction[][]
diagnostics?stringnone
copyDiagnosticsLabel?string'Copy diagnostics'
copiedLabel?string'Copied'
as?'h1' | 'h2' | 'h3''h2'
Snippet
children
HookKind
.tcp-error-stateRoot class
data-copied-labelData attribute
data-copy-jsonData attribute
data-kindData attribute
data-sizeData attribute
data-variantData attribute