InlineRadioGroup
Группа компактных вариантов выбора.
Передайте InlineRadio дочерними элементами. Значение контролируется через value или defaultValue; onChange возвращает выбранное value. rounded скругляет все варианты группы.
Живой пример
Настройки примера
Использование
import { InlineRadio, InlineRadioGroup } from '@prosazhin/pbcomponents';
<InlineRadioGroup defaultValue='One'>
{['One', 'Two', 'Three', 'Four', 'Five'].map((item) => (
<InlineRadio
key={item}
value={item}
>
{item}
</InlineRadio>
))}
</InlineRadioGroup>;API компонента
| Prop | Тип / варианты | Назначение | По умолчанию |
|---|---|---|---|
children | InlineRadio[] | Варианты в одной строке. | — |
size | 's' | 'm's · m | Размер компонента. | — |
rounded | boolean | Скруглённые варианты для всей группы. | false |
disabled | boolean | Блокирует взаимодействие. | false |
name | string | Общее имя нативных полей группы. | — |
value | string | Выбранное значение. | — |
defaultValue | string | Начальное значение без внешнего управления. | — |
onChange | (value: string) => void | Сообщает новое выбранное значение. | — |
className | string | Класс корневого элемента. | — |
Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.