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

CoreSwitch

Примеры использования и документация.

Переключатель мгновенного действия: пользователь включает опцию и видит результат сразу, без кнопки «Сохранить». Берите для настроек, уведомлений и фичров — везде, где состояние применяется в момент клика.

Технические детали: role="switch" с aria-checked на button; с пропсом label кнопка и подпись справа завёрнуты в общий <label>, клик по подписи тоже переключает. modelValue — boolean v-model; disabled блокирует переключение (события не обрабатываются). Размеры трека sm | md | lg через size. flow — трек переливается градиентом темы (--core-flow-image), отключается при prefers-reduced-motion.

Состояния: true / false