Forms

Radio group

Chooses one option from a related set.

idle

Usage

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

Choose one density for the workspace.

Guidance	Practice
Do	Give the group one question and each option a distinct value. Use descriptions for meaningful differences.

Guidance	Boundary
Scope	Use Checkbox Group when multiple choices are allowed. Use Select when a compact list better fits the task.

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

Prop	Type	Default	Description
`value`	`Value`	`—`	Controls the selected radio value.
`defaultValue`	`Value`	`—`	Sets the initial selected value.
`onValueChange`	`(value: Value, eventDetails) => void`	`—`	Receives selection changes.
`disabled`	`boolean`	`false`	Prevents interaction across the group.

Forms

Chooses one option from a related set.

idle

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

Choose one density for the workspace.

Guidance	Practice
Do	Give the group one question and each option a distinct value. Use descriptions for meaningful differences.

Guidance	Boundary
Scope	Use Checkbox Group when multiple choices are allowed. Use Select when a compact list better fits the task.

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

Prop	Type	Default	Description
`value`	`Value`	`—`	Controls the selected radio value.
`defaultValue`	`Value`	`—`	Sets the initial selected value.
`onValueChange`	`(value: Value, eventDetails) => void`	`—`	Receives selection changes.
`disabled`	`boolean`	`false`	Prevents interaction across the group.