Radio

Radio — радио на Ark RadioGroup.Item. Item рендерит <label>, поэтому children — это контент лейбла: клик по любой его части выбирает значение. В отличие от Checkbox, сам по себе Radio не работает — только внутри RadioGroup: группа держит выбранное value (string | null) и onValueChange, а вложенным Radio достаточно передать свой value и лейбл — состояние ведёт группа.

Используется в: Cell

Анатомия

RadioGroup
Radio (label)
Control
children (лейбл)
HiddenInput

Примеры

Отключённое радио

disabled отключает отдельное радио: оно тускнеет (opacity 0.5) и не реагирует на клики, остальная группа продолжает работать. disabled на самой RadioGroup отключает все радио сразу.

API

PropTypeDefault
children

Контент лейбла: клик по любой его части выбирает радио.

RadioItemProps["children"]-
value*

Значение радио: по нему RadioGroup помечает радио выбранным и получает его в onValueChange при выборе.

RadioItemProps["value"]-
disabled

Отключает радио: оно тускнеет и не реагирует на клики.

RadioItemProps["disabled"]-
variant

Смысловой вариант — задаёт цвет отмеченного радио

Variant"primary"
appearance

Внешний вид отмеченного состояния: сплошная заливка, обводка (сплошная или пунктирная) или приглушённая подложка. Неотмеченное радио всегда нейтральное

Appearance"solid"
size

Размер радио — кружок-контрол

Sizesm

Наследуется от ComponentProps<typeof ArkRadioGroup.Item>