//
A structured status timeline of actions an AI agent performs, with smooth status transition animations and collapsible log details.
bun add xiod-ui1import {2 AgentSteps,3 AgentStep,4 AgentStepIcon,5 AgentStepLabel,6 AgentStepIndicator7} from "xiod-ui/agent-steps";1<AgentSteps>2 <AgentStepLabel />3 <AgentStepIndicator />4 <AgentStep />5 <AgentStepIcon />6</AgentSteps>| Prop | Type | Default | Description |
|---|---|---|---|
label | ReactNode | - | [Single-mode] The current active step label |
icon | AgentStepIconValue | - | [Single-mode] The icon type or XiodIcons component to show |
status | "completed"| "waiting"| "running"| "failed"| undefined | running | [Single-mode] The status of the step. Default is "running". |
showIcon | boolean| undefined | true | [Single-mode] Whether to show the icon. Default is true. |
steps | string[]| AgentStepItem[]| undefined | - | [Single-mode] Optional array of steps to cycle through automatically |
interval | number| undefined | 4000 | [Single-mode] Transition interval for automatic cycling in milliseconds. Default is 4000. |
disableShimmer | boolean| undefined | false | [Single-mode] Whether to disable the shimmering text sweep. Default is false. |
showSpinner | boolean| undefined | false | [Single-mode] Whether to show the spinning dashed ring. Default is false. |
size | "sm"| "lg"| "md"| null| undefined | md |
| Prop | Type | Default | Description |
|---|---|---|---|
status | "completed"| "waiting"| "running"| "failed"| undefined | running |
| Prop | Type | Default | Description |
|---|---|---|---|
icon | AgentStepIconValue | - | |
showSpinner | boolean| undefined | false |
| Prop | Type | Default | Description |
|---|---|---|---|
shimmer | boolean| undefined | true |