# 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>
```