import { useState } from 'react'
import ToolGroup from '@/components/ui/tool-group'
export default function Demo() {
const [open, setOpen] = useState(true)
return (
<div className="h-56 w-full max-w-lg">
<ToolGroup
className="w-full"
duration="2.1s"
items={[
{
kind: 'command',
id: 'search',
name: 'Search assistant-ui metadata',
status: 'complete',
},
{
id: 'index',
name: 'Index matching components',
status: 'complete',
},
{
kind: 'file',
id: 'inspect',
name: 'Inspect current Pasta UI catalog',
status: 'complete',
},
{
kind: 'command',
id: 'routes',
name: 'Verify documentation routes',
status: 'running',
},
]}
onOpenChange={setOpen}
open={open}
title="4 tools, edited 5 files, ran 2 commands"
/>
</div>
)
}
Part of Pasta UI — browse the full library on 21st.dev.