Empty state
The quiet moment when there is nothing yet.
EmptyState props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Empty state title. |
| description | ReactNode | — | Optional description. |
| icon | ReactNode | — | Optional icon. |
| action | ReactNode | — | Optional action element. |
KPI
Key performance indicators for the Feedback category are planned.
Progress bar
Linear progress.
ProgressBar props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | 0–100 progress value. |
| label | string | — | SR-only label. |
Progress ring
Compact circular progress.
ProgressRing props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | 0–100 progress value. |
| size | number | — | Ring diameter. |
Skeleton
The shape of loading content.
Skeleton props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | text | circle | block | text | Skeleton shape. |
| width | string | number | — | Skeleton width. |
| lines | number | 1 | Text variant line count. |
Spinner
Waiting, compressed to a glyph.
Spinner props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | sm | md | lg | md | Visual size. |
| label | string | Loading | SR-only label. |