Version:

Install ​

shell
npm i @mate-vue/segmented-button

Import ​

vue
<script setup>
import { MateSegmentedButtonGroup, MateSegmentedButton } from '@mate-vue/segmented-button';
</script>

Variants ​

Single Selection ​

vue
<template>
  <MateSegmentedButtonGroup>
    <MateSegmentedButton>Alle (746)</MateSegmentedButton>
    <MateSegmentedButton>Fehler</MateSegmentedButton>
    <MateSegmentedButton>Ausgewählte</MateSegmentedButton>
    <MateSegmentedButton>Abgeschlossene (6)</MateSegmentedButton>
  </MateSegmentedButtonGroup>
</template>

Multi Selection ​

vue
<template>
  <MateSegmentedButtonGroup :multiSelect="true">
    <MateSegmentedButton>Alle (746)</MateSegmentedButton>
    <MateSegmentedButton>Fehler</MateSegmentedButton>
    <MateSegmentedButton>Ausgewählte</MateSegmentedButton>
    <MateSegmentedButton>Abgeschlossene (6)</MateSegmentedButton>
  </MateSegmentedButtonGroup>
</template>