K
@kana-consultant/ui-kit v0.2.0 · docs

Dashboard blocks

TaskCard

Record card built around a TTask shape. Use it in lists, Kanban columns, or anywhere tasks live.

Single card

Click the checkbox

Design new dashboard stats layout

Tasko Redesign

high

Iterate on hierarchy and spacing.

designdashboard
Tomorrow 3/5 4 2In progress
AVMA
<TaskCard
  task={{
    id: 't1',
    title: 'Ship the thing',
    status: EStatus.InProgress,
    priority: EPriority.High,
    dueDate: 'Tomorrow',
    assignees: [...],
    tags: ['design'],
    subtasks: { total: 5, done: 3 },
    comments: 4,
  }}
  onToggle={(id, done) => {...}}
/>

TaskList

Stack of cards

Design new dashboard stats layout

Tasko Redesign

high

Iterate on hierarchy and spacing.

designdashboard
Tomorrow 3/5 4 2In progress
AVMA

Wire up theme switcher to store

Tasko Redesign

medium
frontend
Apr 28 0/3To do
MA

Ship onboarding email copy

Onboarding Flow

low
Apr 25 2In review
SO

Fix mobile layout overflow

Mobile App v2

urgent
bugmobile
Backlog
PRKE

Publish Q2 roadmap

Tasko Redesign

medium
Done
SO