Radiobutton
Figma
Radiobutton — это элемент дизайн-системы, который позволяет пользователю выбирать один вариант из нескольких взаимоисключающих.
Из чего состоит
  1. Внешний лейбл
  2. Текст
  3. Радиокнопка (внешнее поле и внутреннее поле)
  4. Описание под полем
  5. Ошибка
Основные
Отключаемые
Редактируемые
Основные свойства
Тема (Theme)
Состояние (State)
Размер (Size)
Выбран (Selected)
Отключаемые элементы
👁 Внешний лейбл (Outside Label)
👁 Текст (Text)
👁 Описание (Description)
Редактируемые элементы
✏️ Внешний лейбл (Outside Label)
✏️ Текст (Text)
✏️ Описание (Description)
✏️ Ошибка (Error)
Акцентный цвет (day)
Могут принимать акцентный цвет.
Акцентный цвет (night)
Могут принимать акцентный цвет.
Максимум символов
Текст должен быть не больше 128 символов.
Группы радиобаттонов
Можно использовать в виде группы с заголовками или лейблами.
Размер радиобаттонов S: отступы 24px
Размер радиобаттонов XS: отступы 16px
Размер радиобаттонов XXS: отступы 12px
Размещение с другими компонентами
для сочетания компонентов между собой соотносятся размеры текстов по следующему правилу (на примере инпутов): самый большой инпут = самый большой радиобаттон и тд.
инпут L = радиобаттон S,
инпут M = радиобаттон XS,
инпут S = радиобаттон XXS