# Install ```shell npm i @mate-angular/button ``` # Import ```typescript import { MateButtonComponent } from '@mate-angular/button'; ``` # Variants ## Primary ```html Primary ``` ## Secondary ```html Secondary ``` ## Tertiary ```html Tertiary ``` ## Success ```html Success ``` ## Error / Danger ```html Error ``` ## Disabled ```html Disabled ``` ## Icon ```html add ``` > [!WARNING] > Do not use aria labels on icon and button at the same time, as they both will be read out! Same goes for grid cells, when they contain actions. ## Prefix Icon ```html chevron_left Backward ``` ## Suffix Icon ```html Forward chevron_right ``` ## Icon unstyled ```html add