Segment

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

SegmentGroup

SegmentItem

Провайдер контекста

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

Выбранные по умолчанию SegmentItem

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

Live Editor

Result

Вертикальное отображение

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

Live Editor

Result