Readdy Write

📐 Angular: FAB Button mit eigener Farbe erstellen

12.04.2021 (👁3699)

So erstellt man einen Angular FAB Button mit eigener Farbe

Wenn man die Farbe eines Angular FAB Buttons mit eigener Farbe anpassen möchte, dann muss man hierzu die Farbe in der .css Datei der Komponente einer Klasse eintragen und dann die Class in dem mat-icon verwenden

Hier ein Beispiel eines grünen FAB Buttons

Angular.component.css

.green-icon {

    colorgreen;

}

In Angular.component.html

    <button mat-fab  aria-label="FAB Floating Action Button : Icon">

      <mat-icon color="green-icon">edit</mat-icon>

    </button>


0,00 €