Når plassen er liten, sier et ikon alt. IconButton viser bare et ikon, men har alltid en etikett som er både tilgjengelig navn og tips, så ingen trenger å gjette hva den gjør.
Hvorfor det hjelper
- Kompakt verktøylinjeknapp
- Innebygd tilgjengelig navn og tips
- Samme farger og stiler som de andre knappene
Hvor det passer
- Radhandlinger i tabeller
- Verktøylinjer i redigeringsprogrammer
- 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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.