Version:

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>