mat-icon-button-sizes


$3

``sh


Install the Angular component


npm i -S mat-icon-button-sizes
`

$3

Compatibility

✅ Angular Material 15+ (MDC)

❌ Angular Material 2+

Usage

`scss
// global.scss
// @import your Angular Material theme before!
@import "mat-icon-button-sizes/style.css";
`
`ts
// Import the module into your module or standalone component.
import { MatIconButtonSizesModule } from 'mat-icon-button-sizes';

imports: [
MatIconButtonSizesModule,
]
`
`html

delete



delete



delete



delete

`

Customize

The directive just sets the CSS class name, so you can either override the sizes (large, medium, small, tiny),
or define your own classes, and just pass them as class name.

`scss
@import "mat-icon-button-sizes/styles/mat-icon-button-size.mixin";

// The default factor between button and icon size is *= 0.6
@include MatIconButtonSize('super-duper', 128px, 79px);
`
`html

delete

``