Block Parts
Person Cell
An avatar with a name and role for tables and lists, with an optional capacity bar.
Usage
SL
Sarah Lindqvistsarah@wunderui.dev
JB
Jonas BergProduct designer32h
Installation
npm install @wunderui/reactThen import what you need:
import { PersonCell, PersonCellProps } from "@wunderui/react"API Reference
| Prop | Type | Default |
|---|---|---|
| person | { name: string; initials?: string; src?: string; color?: AvatarColor } | — |
| role | ReactNode | — |
| capacity | { value: number; label?: ReactNode } | — |
| className | string | — |