Определение

Radiobutton (Радиокнопка) — элемент интерфейса, который позволяет пользователю выбрать один вариант из нескольких предложенных.

Функциональность

Идентификация

Radiobutton предлагает интуитивно понятный способ выбора одного варианта из нескольких. Он помогает предотвратить возможные ошибки пользователя, когда выбирается несколько опций, а также упрощает процесс выбора, особенно при наличии большого количества вариантов.

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

Radiobutton не кнопка, а выбор одного значения. Она не запускает действие. Поэтому, исходя из контекста интерфейса, Radiobutton следует использовать в паре с кнопкой

Правильно

Неправильно

Дизайн и Стиль

Размер и Форма

Radiobutton должен быть оптимального размера в контексте всего интерфейса. Ширина текстовой области ограничена до 320px

Цвет и Контраст

Radiobutton хорошо видим даже на разноцветных фонах. Соблюдайте общие цветовые правила дизайн-системы. Палитра Plex отвечает стандартам контрастности WCAG.

Исключение Warning в типе Solid, используйте только в крайней необходимости.

Текст и Иконки

Краткость текста

Избегайте длинных предложений в тексте Radiobutton. Это усложнит прочтение и выбор нужного варианта. Если нужно пояснение используйте Subtitle

Правильно

Неправильно

Иконки (по необходимости)

В Radiobutton иконки не используются

Параметры

Состояния

Анатомия

Внутренние компоненты

Для понимания анатомии входящих компонентов смотри примеры Заголовок и подзаголовок (Title & subtitle)