# Install

```shell
npm i @mate-react/segmented-control
```

# Import

```tsx
import { MateSegmentedControl, MateSegmentedButton } from '@mate-react/segmented-control';
```

# Variants

## Single Select

```tsx
<MateSegmentedControl value="1">
  <MateSegmentedButton value="1">Alle (746)</MateSegmentedButton>
  <MateSegmentedButton value="2">Fehler</MateSegmentedButton>
  <MateSegmentedButton value="3">Ausgewählte</MateSegmentedButton>
</MateSegmentedControl>
```

## Multi Select

```tsx
<MateSegmentedControl multiselect value={['1', '2']}>
  <MateSegmentedButton value="1">Alle (746)</MateSegmentedButton>
  <MateSegmentedButton value="2">Fehler</MateSegmentedButton>
  <MateSegmentedButton value="3">Ausgewählte</MateSegmentedButton>
</MateSegmentedControl>
```

## With Disabled Button

```tsx
<MateSegmentedControl>
  <MateSegmentedButton value="1">Option 1</MateSegmentedButton>
  <MateSegmentedButton value="2" disabled>Option 2 (disabled)</MateSegmentedButton>
  <MateSegmentedButton value="3">Option 3</MateSegmentedButton>
</MateSegmentedControl>