Skip to content
Block Kit for React
Esc
↑↓navigate↵open⌘Jpreview
On this page

Task card

A single collapsible task with a status, details, output, and sources.

task_card shows one task’s progress: what it’s doing, what it produced, and where that came from. It’s a Slack block documented for agent surfaces, newer than the version of @slack/types this library depends on, so its TypeScript type is the field reference here. It’s read-only: expanding a task card doesn’t emit an action. Use plan instead when you have several tasks under one shared goal.

Your AppAPP

Click the pill to expand the card and see its details, output, and sources.

Fields

PropType
typestring

Always `task_card`.

Typestring
task_idstring

Identifies the task.

Typestring
titlestring

The task's one-line summary, shown in the collapsed pill.

Typestring
status"pending" | "in_progress" | "complete" | "error"

The task's state. The status icon distinguishes `complete` and `in_progress`; `pending` and `error` currently render the same dashed-circle icon.

Type"pending" | "in_progress" | "complete" | "error"
details?RichTextBlock

What the task is doing, shown when the card is expanded.

TypeRichTextBlock
output?RichTextBlock

The task's result, shown below `details`.

TypeRichTextBlock
sources?{ type: "url"; url: string; text?: string }[]

Links shown under the task, opened in a new tab. `text` defaults to the raw URL.

Type{ type: "url"; url: string; text?: string }[]

Examples

The preview above’s details field mixes a plain text run with a link element inside a rich text section.

Complete

Your AppAPP

Minimal: title and status only

Your AppAPP

details, output, and sources are all optional. A bare task card shows just its status and title.

Was this page helpful?