Wenn der Platz knapp ist, sagt ein Symbol alles. IconButton zeigt nur ein Symbol, trägt aber stets eine Beschriftung, die zugleich barrierefreier Name und Tooltip ist, sodass niemand raten muss, was er tut.
Warum es hilft
- Kompakte Symbolleistenschaltfläche
- Eingebauter barrierefreier Name und Tooltip
- Dieselben Farben und Stile wie die anderen Schaltflächen
Wo es passt
- Zeilenaktionen in Tabellen
- Editor-Symbolleisten
- Kartenecken
Beispiel
<Stack Align="center" Spacing="3">
<IconButton Icon="IconName.Edit" Label="Edit" />
<IconButton Icon="IconName.Copy" Label="Copy" Variant="Variant.Outlined" />
<IconButton Icon="IconName.Delete" Label="Delete" Color="ButtonColor.Danger" />
<IconButton Icon="IconName.Add" Label="Add" Variant="Variant.Filled" />
<IconButton Icon="IconName.Settings" Label="Settings" Size="Size.Small" Color="ButtonColor.Secondary" Variant="Variant.Filled" />
<IconButton Icon="IconName.Refresh" Label="Refresh" Size="Size.Large" />
</Stack>Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.