ErrorState
Shortcut empty-state component for error scenarios, based on TxEmptyState with `variant="error"`.
ErrorState
TxErrorState is a shortcut wrapper around TxEmptyState with variant="error" pre-set. Use it for request failures, system errors, and similar scenarios.
Basic Usage
Uses default title and description with action buttons.
ErrorState (basic)
Demo loads on client.
Custom Content
Override default title and description via props, with surface="card" for card style.
ErrorState (custom)
Demo loads on client.
API
TxErrorState inherits all Props (except variant), Slots, and Events from TxEmptyState. See EmptyState.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | 'Something went wrong' | Title (overridable) |
| description | string | 'Please try again later.' | Description (overridable) |
| layout | 'vertical' | 'horizontal' | 'vertical' | Layout direction |
| align | 'start' | 'center' | 'end' | 'center' | Alignment |
| size | 'small' | 'medium' | 'large' | 'medium' | Size tier |
| surface | 'plain' | 'card' | 'plain' | Surface style |
| primaryAction | EmptyStateAction | - | Primary action config |
| secondaryAction | EmptyStateAction | - | Secondary action config |
Full Props reference: EmptyState API
Was this helpful?