När utrymmet är litet säger en ikon allt. IconButton visar bara en ikon, men bär alltid en etikett som är både tillgängligt namn och tips, så ingen behöver gissa vad den gör.
Varför det hjälper
- Kompakt verktygsfältsknapp
- Inbyggt tillgängligt namn och tips
- Samma färger och stilar som övriga knappar
Var det passar
- Radåtgärder i tabeller
- Redigerares verktygsfält
- Hörn på kort
Exempel
<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>Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.