Radio Button Group

Use a radio button group only when the options are predefined and there are at least 2 and at most 3 options.

Prop	Type	Required	Default	Description
`name`	`string`	—	—	The name of the radio group.
`onChange`	`(value: Value) => void`	Yes	—	Function called when the value changes.
`options`	`Readonly<{ label: string; value: Value; data?: DataAttributeMap }[]>`	Yes	—	The options for the radios of the radio button group.
`size`	`small`\|`medium`	—	—	—
`value`	`Readonly<Value>`	—	—	The current value of the radio button group.

Radio Button Group — Guidelines

When a radio button group is appropriate, and how to frame the question it presents.

Search Input

The search components should be used as a means of discovering content, or as a filter to aid the user in finding content.