Toggle

Двухпозиционная кнопка на Radix (button + aria-pressed). Значение — boolean (контракт pressed / onPressedChange). В отличие от Checkbox / Switch раскладка НЕ inline: подпись поля рисует FormField сверху из componentProps.label, а контент самой кнопки (иконка или текст) задаётся через children. Стиль задаётся через variant (default / outline), размер — через size. Для форм — ToggleField.

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

Значение — boolean. Контент кнопки — children; подпись поля — сверху из label.

Загрузка демо…

variant=outline (граница вместо заливки), initial: true — кнопка в положении «нажато».

Загрузка демо…