Когато мястото е малко, една иконка казва всичко. IconButton показва само иконка, но винаги носи етикет, който служи и за достъпно име, и за подсказка, така че никой не гадае какво прави.
Защо помага
- Компактен бутон за лента с инструменти
- Вградено достъпно име и подсказка
- Същите цветове и стилове като останалите бутони
Къде пасва
- Действия на ред в таблица
- Ленти с инструменти на редактори
- Ъгли на карти
Пример
<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>Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.