Task Card
DisplayRich task item with priority, assignee, due date, and labels.
Task CardDisplay · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Task Card from @otfdashkit/ui.
Code
// Task Card — Rich task item with priority, assignee, due date, and labels.
//
// Install:
// bun add @otfdashkit/ui
import { TaskCard } from '@otfdashkit/ui'
export function Example() {
return (
<TaskCard>
{/* your content */}
</TaskCard>
)
}Props
Props declared in the TaskCard source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| assigneeInitials | string | 'AC' | |
| className | string | ||
| description | string | 'Update the user onboarding experience with the new design language.' | |
| dueDate | string | 'Mar 20' | |
| priority | 'High' | 'Medium' | 'Low' | 'High' | |
| title | string | 'Redesign onboarding flow' |