Перейти к содержимому

Документация

Radio

Radio — контрол выбора одного варианта из взаимоисключающих, у которых общий name.

Storybook Исходники Figma

Пропсы корня

Проп	Тип	По умолчанию
`checked`	`boolean`	—
Контролируемое состояние отметки радиокнопки. Используется в контролируемых компонентах для полного управления состоянием.
`defaultChecked`	`boolean`	—
Начальное состояние отметки для неконтролируемого использования. Повторяет поведение нативного HTML-атрибута `defaultChecked`.
`variant`	`RadioVariant`	`'primary'`
Визуальный вариант радиокнопки для переключения темы или контекста.
`size`	`RadioSize`	`'md'`
Размер радиокнопки.
`disabled`	`boolean`	—
Отключает радиокнопку, делая её неинтерактивной. Также применяет визуальный стиль отключённого состояния.
`ref`	`Ref<HTMLInputElement>`	—
Ref на нативный элемент `<input type="radio">`. Полезен для управления фокусом.

Также принимает все атрибуты <input>.

Дочерние части

Radio не предоставляет публичных дочерних частей.

Типы

RadioProps
RadioSize
RadioVariant

Модель состояния

Radio может быть контролируемым через checked или неконтролируемым через defaultChecked.
Взаимоисключаемость зависит от нативной группировки, которую потребитель задаёт общим name.
Сам компонент — один нативный input, а не композиция из корня и частей.