Dev Design Library

Agent Workflow

A three-step agent workflow, caught mid-run: one step done, one spinning, one still pending. Each row dims as a whole rather than muting its label, icon and badge separately: a pending step is one thing that has not happened yet, not three.

Agent Workflow preview
Library
D2Studio UI
Framework
React
Type
component
License
MIT
Dependencies
lucide-react
Install
npx shadcn@latest add https://d2studio.dev/r/flow-01.json
Files
  • registry/default/components/flow-01.tsx
Source
https://github.com/rajaaltus/d2studio-ui

Categories

More from D2Studio UI