docs-bug(button): Change icon button size missing
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
### Documentation Feedback
There is only an example to change some colours of a button (https://material.angular.io/components/button/styling) but no example of changing the size.
Especially for icon buttons, different sizes are often needed. Right now we are using something like that:
```
.mdc-icon-button.small {
line-height: 18px;
.mat-icon {
width: 18px;
height: 18px;
font-size: 18px;
}
}
```
which is probably not the preferred way. I also tried it with:
```
.small {
@include mat.icon-button-overrides((
icon-size: 18px
));
}
```
which doesn't work as expected.

### Affected documentation page
https://material.angular.io/components/button/styling
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia dalla pagina di documentazione interessata sullo stile dei pulsanti e confronta l’esempio esistente di personalizzazione dei colori con gli snippet Sass di icon-button segnalati. Determina il modo supportato per personalizzare le dimensioni di icon-button, documentalo con un esempio funzionante e verifica che l’esempio sottoposto a rendering corrisponda alle dimensioni previste.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, sass
- Ambito
- design, documentation, frontend
- Tipo di issue
- Documentazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 35/100