Skip to content

GSegmentedControl

A segmented control (button group) for selecting one or multiple values from a set. Renders as a <fieldset> with radio or checkbox inputs.

Demo

Single-select example

Multi-select example

API

Props

NameTypeDefaultRequiredDescription
labelstringYes
visibleLabelboolean | undefinedNo
itemsGSegmentedControlItem<T>[]Yes
inputType"radio" | "checkbox" | undefined"radio"No
modelValueT | T[] | undefinedNo

Slots

NameTypeDescription
label{ item: GSegmentedControlItem<T>; }

Events

NameTypeDescription
update:modelValue[value: T | T[] | undefined]