Тогл Toggle

Тогл переключает состояния.

По-английски toggle — рычаг или переключатель. Между собой мы говорим «тогл», чтобы не путать этот контрол с радиокнопками и табами-переключателями. С пользователями говорим «переключатель», а не «тогл».

Тогл пришёл из мобильных операционных систем, где он включает и выключает настройки.

Когда использовать

Тогл — аналог чекбокса, но контексты использования у них разные.

Используйте тогл, чтобы включать и выключать настройки — например, уведомления или отправку отчётов.

Тоглом нельзя выбирать элементы в списке, например несколько строк. Для этого используйте чекбокс.

Тогл больше и заметнее чекбокса, поэтому хорошо, когда на странице он 1, максимум 2 — 3.

Описание работы

Тогл переключается кликом по нему или по названию.

При переключении эффект наступает сразу, поэтому тоглу не нужна кнопка «Сохранить».

Название

Пишите название тогла с заглавной буквы.

Не используйте в названии глаголы «Включить» и «Выключить» — этот смысл уже заложен в метафору контрола.

Блок с заголовком «Подтверждение оплаты» и пояснением про код подтверждения при оплате заданий, под ним включённый тогл с названием «Включено»

Неправильно

Включённый тогл «Подтверждать оплату» с серым пояснением под названием про код подтверждения при оплате заданий

Правильно

Формулируйте название тогла в положительном ключе. Отрицательное название создаёт двойное отрицание: чтобы выключить тогл «Не отправлять отчёты», пользователь читает его как «Не не отправлять отчёты».