primitives/@mihcm/ui·v0.21.0·stable
CheckboxGrid
Multi-select grid with summary, view tabs (All / Selected / Unselected), bulk select-all/clear, filter, and responsive grid. Web only.
Props
The full prop API for CheckboxGrid. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
items | readonly string[] | — | Universe of items. Required. | 0.4.0 |
selected | Record<string, boolean> | — | Current selection. Missing keys count as unselected. Required. | 0.4.0 |
onSelectedChange | (next: Record<string, boolean>) => void | — | Fired with the next selection. Required. | 0.4.0 |
columns | 1 | 2 | 3 | 3 | Column count at the widest breakpoint. | 0.4.0 |
maxHeight | number | 240 | Max scroll height in px. | 0.4.0 |
searchPlaceholder | string | 'Filter items…' | Placeholder for the filter input. | 0.4.0 |
Import
import { CheckboxGrid } from '@mihcm/ui/CheckboxGrid';