Icon
Die <Icon Name="...">-Komponente rendert Material-Symbol-Icons. Parameter: Name (Ligatur-Text), Size (CSS-Größe), Color (CSS-Farbe).
Grundlegende Verwendung
Standard
Größen (Size-Parameter)
Skalierung
XsSmMdLgXlFarben (Color-Parameter)
Color
In Buttons
Button (Standard)
Button Xs
Button Sm
Button Md (Standard)
Button Lg
Button Xl
In Badge
Badge (Standard Sm)
Erfolgreich
Warnung
Fehler
Info
Neu
Badge Xs
Erfolgreich
Warnung
Fehler
Badge Md
Erfolgreich
Warnung
Fehler
Badge Lg
Erfolgreich
Warnung
Fehler
Badge Xl
Erfolgreich
Warnung
Fehler
In Card
Card mit Icon
Benutzer
Benutzerverwaltung
Verwalten Sie hier alle registrierten Benutzer.
Statistiken
Auswertungen
Aktuelle Kennzahlen auf einen Blick.
Einstellungen
Konfiguration
Systemeinstellungen anpassen.
In Stack / Row / Column
Horizontal Stack
Datei erfolgreich hochgeladen
Verbindung fehlgeschlagen
Verarbeitung läuft noch
Row / Column
Dokumente
Bilder
Videos
Audio
In MessageBar
Alle Typen
Icon im Fließtext (verschiedene Schriftgrößen)
Normaler Text (1rem)
Bitte klicken Sie auf für weitere Informationen. Das Icon zeigt Erfolg an. Mit werden Warnhinweise markiert.
Großer Text (1.5rem)
Klicken Sie auf um die Einstellungen zu öffnen.
Kleiner Text (0.8rem)
Hinweis: Diese Funktion befindet sich in der Beta-Phase.
Sehr kleiner Text (0.65rem)
Status: Online Offline
Überschrift h1
Startseite
Überschrift h2
Dashboard
Überschrift h3
Berichte
Überschrift h4
Statistiken
Überschrift h5
Dokumente
Liste mit Icons
- Automatische Synchronisation aktiv
- Zwei-Faktor-Authentifizierung aktiviert
- E-Mail-Benachrichtigungen deaktiviert
- API-Schlüssel noch nicht konfiguriert
Icon ohne Container (nackt)
class & style
class
style