Raft Design System
PlaygroundChangelog

Components · Layout

LegacyTaskPanel

A read-only task details panel built on the thread panel; deprecated, because task details are a dialog with a description list.

DeprecatedAlso called Task panel, TaskPanel
import { LegacyTaskPanel } from "@botiverse/raft-ui";
Deprecated
Use Dialog instead. LegacyTaskPanel will be removed in the next major version.

LegacyTaskPanel lays out a task's details as a side panel: a header with the task's title, then fields, a status and meta rows, built on ThreadPanel. No product uses it, and it is removed in raft-ui 1.0. Task details are a centered Dialog instead, with the properties in a DescriptionList and the history in a collapsed Timeline; how they are assembled is in Composites, and the dialog's size is in Tasks.

When to use

SituationUse
A task's detailsA Dialog, built as in Composites
A task's properties: Status, Assignee, Created byDescriptionList
What happened to the taskA collapsed Timeline
A task in a list or on a boardTaskCard

API

LegacyTaskPanelActions, LegacyTaskPanelBody, LegacyTaskPanelField, LegacyTaskPanelFieldLabel, LegacyTaskPanelFieldText, LegacyTaskPanelFieldTitle, LegacyTaskPanelHeader, LegacyTaskPanelIcon, LegacyTaskPanelMeta, LegacyTaskPanelMetaLabel, LegacyTaskPanelMetaRow, LegacyTaskPanelMetaValue

DeprecatedNo consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0.
PropTypeDefault
renderAllows you to replace the component's HTML element with a different tag, or compose it with another component.ReactElement | ((props, state) => ReactElement)

Also takes the attributes of its element.

LegacyTaskPanelRoot

DeprecatedNo consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0.
PropTypeDefault
framedDocs preview chrome. Shell hosts (Playground) leave this off.booleanfalse
renderAllows you to replace the component's HTML element with a different tag, or compose it with another component.ReactElement | ((props, state) => ReactElement)

Also takes the attributes of its element.

LegacyTaskPanelStatus, LegacyTaskPanelSection, LegacyTaskPanelTitle, LegacyTaskPanelTitleMeta

DeprecatedNo consumer uses it; compose read-only task details from Dialog and DescriptionList. Removed in raft-ui 1.0.
PropTypeDefault
renderAllows you to replace the component's HTML element with a different tag, or compose it with another component.ReactElement | ((props, state) => ReactElement)

Also takes the attributes of its element.

Related

Changes

  • 0.2.0 · FixedFixed conditional-hook rendering in AppShellSidebarTrigger and LegacyTaskPanelRoot, and corrected sortable Composer drag-overlay mapping.