Version:

Install ​

shell
npm i @mate-angular/segmented-control

Import ​

typescript
import { MateSegmentedControlComponent, MateSegmentedButtonComponent, MateMultiSegmentedControlComponent, MateMultiSegmentedButtonComponent } from '@mate-angular/segmented-control';

Variants ​

Single select ​

html
<mate-segmented-control-ng>
  <mate-segmented-button-ng value="left">Left</mate-segmented-button-ng>
  <mate-segmented-button-ng value="center">Center</mate-segmented-button-ng>
  <mate-segmented-button-ng value="right">Right</mate-segmented-button-ng>
</mate-segmented-control-ng>

Multi select ​

html
<mate-multi-segmented-control-ng>
  <mate-multi-segmented-button-ng value="bold">Bold</mate-multi-segmented-button-ng>
  <mate-multi-segmented-button-ng value="italic">Italic</mate-multi-segmented-button-ng>
  <mate-multi-segmented-button-ng value="underline">Underline</mate-multi-segmented-button-ng>
</mate-multi-segmented-control-ng>