Table

Data · Avatar, Badge, Table

Quiet data table: uppercase captions, hairline rows, right-aligned tabular numbers.

Props: columns ({key, label, align, render}), rows. Place inside a surface Panel; numbers right-aligned; status as Badges.

PreviewCode

Customer	Plan	Status	MRR
NNorthwind	Team	Active	$1,240
BFBlue Fern	Starter	Trial	$0
CCopperline	Business	Past due	$3,900

Props

Prop	Type	Notes
`name`	`string`	Required
`src?`	`string`
`size?`	`number`
`tint?`	`Tint \| "surface-sunken"`
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.

Prop	Type	Notes
`tone?`	`Tone`
`dot?`	`boolean`
`live?`	`boolean`
`children?`	`ReactNode`
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.

Prop	Type	Notes
`columns`	`TableColumn[]`	Required
`rows`	`Record<string, any>[]`	Required
`animate?`	`boolean`
`className?`	`string`	Extra class on the root element.
`style?`	`CSSProperties`	Inline style on the root element.