Segment

Набор компонентов для создания группы сегментов. Структура для сегментов похожа на структуру маркированных списков.

Быстрый старт​

Оберните в SegmentProvider компонент, в котором будут использованы SegmentGroup с SegmentItem. Внутри данного провайдера есть доступ к хуку useSegment.

Можно задать выбранные по умолчанию сегменты с помощью свойства defaultSelected. Оно передается в SegmentProvider, в виде массива value элементов.

Live Editor
Result
Open in CodeSandbox

Управление внешним видом​

Для смены ориентации передаем orientation: 'vertical'

Live Editor
Result
Open in CodeSandbox

Обязательный активный SegmentItem​

С помощью свойства singleSelectedRequired задается поведение, при котором один сегмент должен быть активным.

Live Editor
Result
Open in CodeSandbox

Таблица свойств​

SegmentGroup​

SegmentItem​