Arrow_down_24.svgchevron-right-s-16icon-bars1-72icon-bars10-72icon-bars11-72icon-bars12-72icon-bars13-72icon-bars2-72icon-bars3-72icon-bars4-72icon-bars5-72icon-bars6-72icon-bars7-72icon-bars8-72icon-bars9-72storybook-16-solid

Определение

Segmented control — это набор из двух или более сегментов кнопок. Сегментированный элемент применяется, когда есть список опций, из которых пользователь может выбрать только один вариант. Используйте сегментированный элемент управления только в том случае, если параметры предопределены и содержат не более 4 вариантов.

Варианты и состояния

Segmented control бывает 2 типов:

  • text segment;
  • icon segment.

Основные правила

  • Сегментированные элементы управления работают, как группа radiobutton. Одновременно можно выбрать не более одного сегмента.
  • Выбор одного варианта отменяет выбор всех остальных.
  • Данный компонент применяется, когда вариантов не более 4. В других случаях — dropdown.
  • Элементы группируются, если логически связаны друг с другом.
  • Необходимо использовать короткий и информативный текст в сегменте.

Построение

Соблюдение отступов внутри и снаружи — обязательное условие.