Skip to content
Block PartsPro

Column Header

The top of a Kanban column, with a colored dot, a card count and buttons to add a card or open a menu.

Usage

In progress4

Press + to add a card.

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { ColumnHeader, ColumnHeaderProps } from "@wunderui/react"

API Reference

PropTypeDefault
titleReactNode—
countReactNode—
dotClassNamestring"bg-muted-foreground"
onAdd() => void—
onMenu() => void—
classNamestring—