Als ruimte schaars is, zegt een pictogram alles. IconButton toont alleen een pictogram, maar draagt altijd een label dat tegelijk de toegankelijke naam en de tip is, zodat niemand hoeft te raden wat hij doet.
Waarom het helpt
- Compacte werkbalkknop
- Ingebouwde toegankelijke naam en tip
- Dezelfde kleuren en stijlen als de overige knoppen
Waar het past
- Rijacties in tabellen
- Werkbalken van editors
- Hoeken van kaarten
Voorbeeld
<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>Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.