Task

The Task component provides a structured way to display task lists or workflow progress with collapsible details, status indicators, and progress tracking.

Searching "src/routes/+page.svelte, components structure"

Read

+page.svelte

Scanning 47 files

Scanning 3 files

Reading file

+layout.svelte

Installation

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/r/task.json

If you prefer using jsrepo, please install via the command below:

pnpm dlx jsrepo add @ai/elements/ai-elements/task

Props

Task

Name	Type	Default
`open`	`boolean`	`true`
`class`	`string`
`children`	`Snippet`
`...restProps`	`CollapsibleProps`

TaskTrigger

Name	Type	Default
`title`	`string`
`class`	`string`
`children`	`Snippet`
`...restProps`	`CollapsibleTriggerProps`

TaskContent

Name	Type	Default
`class`	`string`
`children`	`Snippet`
`...restProps`	`CollapsibleContentProps`

TaskItem

Name	Type	Default
`class`	`string`
`children`	`Snippet`
`...restProps`	`HTMLAttributes<HTMLDivElement>`

TaskItemFile

Name	Type	Default
`class`	`string`
`children`	`Snippet`
`...restProps`	`HTMLAttributes<HTMLDivElement>`