Task

A grouped list of tasks and meetings, with checkboxes and states for new and overdue items.

Warning

This component is experimental and not yet stable for wide adoption. Use it with caution. Refer to the _stories.tsx file for detailed usage examples.

Installation

Import the TaskGroup and Task components:

import { TaskGroup, Task } from "@o/pipeline/experimental/components/task";

Usage

  • Sales follow-up
  • Wrap up call

Composing with Editor or Prose

Important

Always use the compact variant of Editor or Prose when composing with Task.

import { Editor } from "@o/pipeline/experimental/components/editor";

<Task.Root intent="task">
  <Task.Title>
    <Editor.Root>
      <Editor.Content compact />
    </Editor.Root>
  </Task.Title>
</Task.Root>;