css

Description

Optional. Adds a custom style to a Segmented button

Usage

css?: string;

Example

<template>
  <div class="demo-box">
    <Segmented css="my" :options="optionsText" v-model:value="value" />
  </div>
</template>

<style scoped>
  /* styling segments of the control */
  .demo-box :deep(div.my button){
    background-color: gold;
  }

  /* styling the selected segment */
  .demo-box :deep(div.my button.selected){
    background-color: green;
  }
</style>

Details

You can stylize the segments of the button and change the look of the selected segment as well.

Related article: Styling a Segmented button