Segmented control

Extended from PrimeVue SelectButton

Per our writing guidelines, please ensure the title is in Sentence case.

Basic example

Selected item: "List view"

Timeframe selector example

Selected item: "3 months"

Since the segmented control uses v-model, you can also control it from other places:

Disabled example

Selected item: "List view"

EsSegmentedControl props

Name
label
Type
String
Default
n/a
Description
Required. A description of the purpose of selecting an option. It will be hidden visually but read aloud by screen readers.
Name
disabled
Type
Boolean
Default
false
Description
When set to true, it specifies that the element should be disabled.
Name
options
Type
Array
Default
n/a
Description
Required. An array of items to display as the available options. Each item should be an object with a "label" string.