Planning

KanbanColumn

One lane of a board: a title with an optional subtitle and tag, a live count, the cards, and an optional footer.

Preview

Live, in this page’s themeOpen on its own

Props

Prop	Type	Description
`status`	`ProjectStatus`	A project stage: shows its mark before the title, the same as the calendar key and the Stepper.
`title`Required	`React.ReactNode`
`subtitle`	`React.ReactNode`
`tag`	`React.ReactNode`
`highlight`	`boolean`
`emptyText`	`string`
`count`	`number`
`footer`	`React.ReactNode`
`className`	`string`
`children`	`React.ReactNode`
`items`	`React.ReactNode[]`	Set by KanbanBoard: ready-made list items, the drop target state and its handlers.
`over`	`boolean`
`dropProps`	`React.HTMLAttributes<HTMLElement>`

Guidelines

One lane of a board: a title with an optional subtitle and tag, a live count, the cards, and an optional footer. KanbanBoard builds these for you; use the column alone for a static lane.

Provide: title, optional subtitle, tag (a short label such as "Today"), highlight (the accent tint, for today), emptyText for an empty lane, cards as children, and an optional footer.

Write empty text that says what the empty lane means ("Nothing waiting on a brand"), not "No items".

Pass status (a project stage) to show its mark before the title. KanbanBoard passes each column's status through, so the Projects board matches the Stepper and the calendar key.