Segmented

A segmented control is a linear set of two or more segments, each of which functions as a button.

Usage

For now, we have only developed the design system skin

ComponentSkin skinIndicates which skin should be used for the component Default value: ComponentSkin.DESIGN_SYSTEM

pandads

SegmentedItem[] itemsElements that act as buttons. Each item will have an optional title or an optional icon.

boolean readonlyIf true, the segmented control will be disabled. By default, it is set to false. Default value: false

Add iconsAdd icons to the breadcrumb link

Add textAdd text to the breadcrumb link

Disable segmentsDisable the segments

SegmentedItem change-segmentEmitted when the segment changes

export interface SegmentedItem {
    iconActive?: string;
    iconInactive?: string;
    label?: string;
    id?: number;
    active?: boolean;
}