SegmentedButton with Icons
SegmentedButton with 5 ToggleButtons
ui5-segmentedbuttonshows a group of buttons. When the user clicks or taps one of the buttons, it stays in a pressed state. It automatically resizes the buttons to fit proportionally within the component. When no width is set, the component uses the available width.
Note: There can be just one selected
buttonat a time.
ES6 Module Import
You can use both properties and attributes with the same effect. The name of each attribute is listed below the name of the property, if different.
This Element provides slot(s). This means it can display its child nodes.
Unless targeting the default slot, use the
slot attribute to define the destination slot for each child.
Text, along with HTML Elements with no
slot attribute, goes the the
Note: Multiple buttons are allowed.
Note: Use the
ui5-togglebuttonfor the intended design.
This Web Component fires semantic events upon user interaction. You can bind to these events with the standard DOM APIs, such as
description: the pressed button.