AI Components / Agent Steps
Agent Steps
Live task feed showing AI agent operations — each step has pending, loading, complete, or error status with connecting lines.
ai-displayv0.6.0
Playground
Examples
In progress
<ai-agent-steps style="max-width:400px;"></ai-agent-steps>All complete
<ai-agent-steps style="max-width:400px;"></ai-agent-steps>With error
<ai-agent-steps style="max-width:400px;"></ai-agent-steps>Contained
<ai-agent-steps contained style="max-width:400px;"></ai-agent-steps>Import
import { AiAgentSteps } from '@cognivo/components';// Or tree-shake: import '@cognivo/components/ai-agent-steps';Per-component imports ship only that component (~8 kB gzip).
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
steps | AgentStep[] | — | Steps — {label, status, detail?}. Status: pending | loading | complete | error |
contained | boolean | false | Wrap in a card container |
Events
| Event | Detail | Description |
|---|---|---|
ai-step-click | {index} | When a completed step is clicked |