Switch
Toggle switch based on Radix UI. Supports variants, sizes, controlled and disabled states.
Variants
default · primary · success · warning · danger
defaultprimarysuccesswarningdangerSizes
xs · sm · md · lg · xl
xssmmdlgxlStates
off · on · disabled-off · disabled-on
offondisabled-offdisabled-onС лейблами
Switch + Label: подпись слева, справа, с курсором, обязательный
trailingleadingwith LabelrequireddisabledС иконками
Switch + Icon рядом — индикация смысла переключателя
themesoundwifiУправляемые состояния
checked + onCheckedChange — состояние снаружи компонента, Badge показывает значение
onCheckedChangecounterexclusiveВнутри Field
Field оборачивает Switch — даёт label + helperText / error
helperTextСохраняем каждые 30 секунд, пока вы редактируете
required + errorКонтент станет виден всем пользователям
disabledДоступно только в plan Enterprise
Список настроек
title + description + Switch в правом краю — классический паттерн
Внутри Popover
Быстрые переключатели в выпадайке — как Control Center
quick togglesВнутри Accordion
Группировка настроек по разделам — раскрывающиеся секции
Связанные контролы
Switch включает / выключает зависимые поля Select, Input
Матрица уведомлений
Категории × каналы — таблица переключателей с подсчётом активных