Skip to contents

The segmented_button() shows a group of items. When the user clicks or taps one of the items, it stays in a pressed state. It automatically resizes the items to fit proportionally within the component. When no width is set, the component uses the available width.

See the official documention for badge, for all the correct props.

Examples

segmented_button(
  "btn",
  segmented_button_item("Button 1", value = "btn1"),
  segmented_button_item("Button 2", value = "btn2"),
  segmented_button_item("Button 3", value = "btn3")
)
Button 1Button 2Button 3
segmented_button(
  "btn",
  segmented_button_item(icon = "bold-text", value = "btn1"),
  segmented_button_item(icon = "underline-text", value = "btn2"),
  segmented_button_item(icon = "italic-text", value = "btn3")
)