ui5-segmented-button

Segmentedbutton example

Default button

First Second

First Second Third

First Second Third Fourth

First Second Third Fourth Fifth

First Second Third Fourth Fifth Sixth















Item
SegmentedButtonItem Item

Example with 4 items

Item Item Click Pressed SegmentedButtonItem

Example with 5 items

Word Pressed SegmentedButtonItem With Bigger Text Item Pressed SegmentedButtonItem A

Example with Icons and custom width

SegmentedButton with 100% width

Pressed SegmentedButtonItem SegmentedButtonItem SegmentedButtonItem

SegmentedButton wrapped in a container with set width

Initial focus test

the focus should go to the first item

Press Press

Programatical change test

First Second Third Press second item Press multiple items Press pressed item Press first item