На этой странице вы можете настроить компонент для своих Vue-приложений, изменяя его свойства под свои нужды. Доступен живой предпросмотр кода и поведения компонента для создания удобных и динамичных интерфейсов.
Switch
Код
Опции
checkbox
switch
Тип переключения
Тип механизма переключения для компонента переключателя. Возможные значения: 'checkbox', 'switch'.
filled
outlined
underlined
none
Режим переключения
Режим стилизации для компонента переключателя. Возможные значения: 'default', 'compact'.
Закругленный
Определяет степень закругления углов. Принимает диапазон числовых значений или ключевое слово для максимального закругления.
tabler:sun
tabler:moon
Активная иконка
Иконка, отображаемая, когда переключатель активен. Установите тип иконки для активного состояния.
tabler:sun
tabler:moon
Неактивная иконка
Иконка, отображаемая, когда переключатель неактивен. Установите тип иконки для неактивного состояния.
Метка
Текстовая метка, связанная с полем ввода. Отображается над или рядом с элементом ввода.
Обязательно
Указывает, является ли поле ввода обязательным. Установите в true, если поле должно быть заполнено перед отправкой формы.
Отключено
Отключает поле ввода, делая его нередактируемым. Установите в true для отключения ввода.
Помощь
Дополнительный текст справки, отображаемый под полем ввода. Используйте для предоставления дополнительной информации пользователю.
Класс
Пользовательский CSS-класс для контейнера макета. Используйте для применения дополнительных стилей к макету ввода.
Полный список свойств
На этой странице представлено полное API компонента Switch, включая описание пропсов, событий, слотов и публичных
методов.