Når pladsen er knap, siger et ikon alt. IconButton viser kun et ikon, men bærer altid en mærkat, der både er det tilgængelige navn og hintet, så ingen er i tvivl om, hvad den gør.
Hvorfor det hjælper
- Kompakt værktøjslinjeknap
- Indbygget tilgængeligt navn og hint
- Samme farver og stilarter som de øvrige knapper
Hvor det passer
- Rækkehandlinger i tabeller
- Editorers værktøjslinjer
- Hjørner på kort
Eksempel
<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>Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.