Block Parts
Record Card
A card that stands in for a table row on small screens: who it is, a status and a few key fields.
Usage
SL
sarah@wunderui.dev
- Plan
- Pro
- Seats
- 12
- MRR
- $468
LM
lucas@initech.dev
- Plan
- Team
- Seats
- 4
- MRR
- $0
Tap a record to open it.
Installation
npm install @wunderui/reactThen import what you need:
import { RecordCard, RecordCardProps } from "@wunderui/react"API Reference
| Prop | Type | Default |
|---|---|---|
| title | ReactNode | — |
| subtitle | ReactNode | — |
| person | Person | — |
| badge | { label: ReactNode; color?: BadgeColor } | — |
| fields | { label: ReactNode; value: ReactNode }[] | — |
| onClick | () => void | — |
| className | string | — |