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

pnpm add @kana-consultant/ui-kit

Dashboard blocks

TeamMemberCard

Compact person card. Generic enough for any user / entity list.

Single

One member

AV

Ava Chen

Product Designer

<TeamMemberCard
  member={{ id: 'u1', name: 'Ava Chen', role: 'Product Designer' }}
  online
/>

Grid

Two column list

AV

Ava Chen

Product Designer

MA

Marcus Lee

Frontend Engineer

PR

Priya Patel

Engineering Lead

DI

Diego Ramos

QA

KE

Kenji Yamamoto

Backend

SO

Sofia Rossi

PM