StatusGrid#

A dense grid of status cells, for seeing many things at once.

Import#

TSX

import { StatusGrid } from '@sigx/terminal';

Usage#

TSX

<StatusGrid
    cells={partitions.value.map((p) => ({ label: p.id, tone: p.healthy ? 'success' : 'danger' }))}
    perRow={16}
    legend="● healthy  ● degraded"
/>

Use it when the count is high enough that one row per item would not fit — partitions, shards, replicas, checks. When you need the numbers rather than the shape, reach for DataTable instead.

Props#

Prop	Type	Notes
`cells`	`StatusCell[]`	required
`perRow`	`number`	cells per row
`labelWidth`	`number`	label column width when labels are shown
`showLabels`	`boolean`	label each cell
`legend`	`string`	a line explaining the tones
`emptyText`	`string`	shown when `cells` is empty

StatusGrid#

Import#

Usage#

Props#

See also#