Forms

Checkbox group

Coordinates related checkbox values and parent selection.

idle

Usage

import { CheckboxGroup } from "@mizen-labs/ui";

Select individual channels or enable them together.

Guidance	Practice
Do	Give the group a shared label and each option a distinct value. Use parent selection for an explicit select-all task.
Do	Set allValues when using the parent checkbox so it can derive mixed state.

Guidance	Boundary
Scope	The group coordinates selected values. The application decides how those values affect records or permissions.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`value`	`string[]`	`—`	Controls the selected checkbox values.
`defaultValue`	`string[]`	`—`	Sets initial selected values.
`onValueChange`	`(value: string[], eventDetails) => void`	`—`	Receives selected-value changes.
`disabled`	`boolean`	`false`	Prevents interaction across the group.

Forms

Coordinates related checkbox values and parent selection.

idle

import { CheckboxGroup } from "@mizen-labs/ui";

Select individual channels or enable them together.

Guidance	Practice
Do	Give the group a shared label and each option a distinct value. Use parent selection for an explicit select-all task.
Do	Set allValues when using the parent checkbox so it can derive mixed state.

Guidance	Boundary
Scope	The group coordinates selected values. The application decides how those values affect records or permissions.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`value`	`string[]`	`—`	Controls the selected checkbox values.
`defaultValue`	`string[]`	`—`	Sets initial selected values.
`onValueChange`	`(value: string[], eventDetails) => void`	`—`	Receives selected-value changes.
`disabled`	`boolean`	`false`	Prevents interaction across the group.