GuideState
Shortcut empty-state component for onboarding scenarios, based on TxEmptyState with `variant="guide"`.
GuideState
TxGuideState is a shortcut wrapper around TxEmptyState with variant="guide" pre-set. Use it for onboarding flows, feature introductions, and first-use experiences.
Basic Usage
Uses default title and description with action buttons.
GuideState (basic)
Demo loads on client.
Custom Content
Custom title and description, with surface="card" and size="large" for a more prominent guide.
GuideState (custom)
Demo loads on client.
API
TxGuideState inherits all Props (except variant), Slots, and Events from TxEmptyState. See EmptyState.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | 'Start here' | Title (overridable) |
| description | string | 'Follow the steps to get started.' | 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?