Block PartsPro

Person Cell

An avatar with a name and role for tables and lists, with an optional capacity bar.

Usage

Sarah Lindqvistsarah@wunderui.dev

Jonas BergProduct designer32h

bash

npm install @wunderui/react

Then import what you need:

tsx

import { PersonCell, PersonCellProps } from "@wunderui/react"

Prop	Type	Default
person	{ name: string; initials?: string; src?: string; color?: AvatarColor }	—
role	ReactNode	—
capacity	{ value: number; label?: ReactNode }	—
className	string	—