Task List

Installation

import { TaskList } from "@o/pipeline/experimental/blocks/task-list";

Usage

ADAutodeskSend Maya the current vs. proposed plan comparison, including the pricing increase, added automation capacity, advanced reporting, and priority support.14 Jan
SONYSonyFollow up with Maya on Tuesday14 Jan
SUNSunConfirm whether procurement or legal needs to review the updated renewal terms before the team can make a final decision14 Jan
XEROXXeroxFinalize the renewal before August 15 to avoid any interruption to the account or existing workflows14 Jan

Navigable

ADAutodeskSend Maya the current vs. proposed plan comparison, including the pricing increase, added automation capacity, advanced reporting, and priority support.14 Jan
SONYSonyFollow up with Maya on Tuesday14 Jan
SUNSunConfirm whether procurement or legal needs to review the updated renewal terms before the team can make a final decision14 Jan
XEROXXeroxFinalize the renewal before August 15 to avoid any interruption to the account or existing workflows14 Jan

Controlled

Checked tasks:

ADAutodeskSend Maya the current vs. proposed plan comparison, including the pricing increase, added automation capacity, advanced reporting, and priority support.14 Jan
SONYSonyFollow up with Maya on Tuesday14 Jan
SUNSunConfirm whether procurement or legal needs to review the updated renewal terms before the team can make a final decision14 Jan
XEROXXeroxFinalize the renewal before August 15 to avoid any interruption to the account or existing workflows14 Jan

Scopeless

ADSend Maya the current vs. proposed plan comparison, including the pricing increase, added automation capacity, advanced reporting, and priority support.14 Jan
SONYFollow up with Maya on Tuesday14 Jan
SUNConfirm whether procurement or legal needs to review the updated renewal terms before the team can make a final decision14 Jan
XEROXFinalize the renewal before August 15 to avoid any interruption to the account or existing workflows14 Jan

Assignee

ADAutodeskSend Maya the current vs. proposed plan comparison, including the pricing increase, added automation capacity, advanced reporting, and priority support.A14 Jan
SONYSonyFollow up with Maya on TuesdayS14 Jan
SUNSunConfirm whether procurement or legal needs to review the updated renewal terms before the team can make a final decisionS14 Jan
XEROXXeroxFinalize the renewal before August 15 to avoid any interruption to the account or existing workflowsX14 Jan

Muted

ADAutodeskSend Maya the current vs. proposed plan comparison, including the pricing increase, added automation capacity, advanced reporting, and priority support.14 Jan
SONYSonyFollow up with Maya on Tuesday14 Jan
SUNSunConfirm whether procurement or legal needs to review the updated renewal terms before the team can make a final decision14 Jan
XEROXXeroxFinalize the renewal before August 15 to avoid any interruption to the account or existing workflows14 Jan

Pending

ADAutodeskSend Maya the current vs. proposed plan comparison, including the pricing increase, added automation capacity, advanced reporting, and priority support.14 Jan
SONYSonyFollow up with Maya on Tuesday14 Jan
SUNSunConfirm whether procurement or legal needs to review the updated renewal terms before the team can make a final decision14 Jan
XEROXXeroxFinalize the renewal before August 15 to avoid any interruption to the account or existing workflows14 Jan

ContextMenu

ADAutodeskSend Maya the current vs. proposed plan comparison, including the pricing increase, added automation capacity, advanced reporting, and priority support.14 Jan
SONYSonyFollow up with Maya on Tuesday14 Jan
SUNSunConfirm whether procurement or legal needs to review the updated renewal terms before the team can make a final decision14 Jan
XEROXXeroxFinalize the renewal before August 15 to avoid any interruption to the account or existing workflows14 Jan

Grouped

TaskDue
Open3
ADSend Maya the current vs. proposed plan comparison, including the pricing increase, added automation capacity, advanced reporting, and priority support.14 Jan
SONYFollow up with Maya on Tuesday14 Jan
SUNConfirm whether procurement or legal needs to review the updated renewal terms before the team can make a final decision14 Jan
Done1
XEROXFinalize the renewal before August 15 to avoid any interruption to the account or existing workflows14 Jan

Panel

Rows straight on the surface, groups as tinted rows that fold on click (hover one to see the caret), circular checkboxes, and the columns’ icons in the first group row instead of a header row.

Due
Send Maya the current vs. proposed plan comparison, including the pricing increase, added automation capacity, advanced reporting, and priority support.14 Jan
Follow up with Maya on Tuesday14 Jan
Confirm whether procurement or legal needs to review the updated renewal terms before the team can make a final decision14 Jan
Finalize the renewal before August 15 to avoid any interruption to the account or existing workflows14 Jan

Inline entry

Pass entry to place an input row above the tasks, aligned with the list’s description, due date, assignee and action columns, including when items is empty. Its renderRow callback wraps the cells in a form with className="col-span-full grid grid-cols-subgrid items-center". Set entryPosition="end" to place it beneath the tasks. Use footer for a full-width control beneath the tasks and before an end-position entry, such as an expansion link.

Loading

TaskListSkeleton is the list still loading: each row’s glyph, scope, description and due date stand in as placeholders. Pass it the layout props the list will have, so nothing moves when it arrives. See Skeleton.