Дайте на хората най-ползваното действие с един клик, а свързаните — на един клик разстояние. SplitButton съчетава основно действие с меню от алтернативи, изградено от същите елементи на менюто, които вече ползвате другаде.
Защо помага
- Бързо действие по подразбиране
- Свързани действия в меню
- Същите елементи като Menu
Къде пасва
- Запази и Запази като
- Изпрати и Насрочи изпращане
- Експорт в различни формати
Пример
<Stack Align="center" Wrap="true">
<SplitButton Label="Save" Icon="IconName.Save" OnClick="@(() => _last = "Save")">
<MenuItem Icon="IconName.Copy" OnClick="@(() => _last = "Save as copy")">Save as copy</MenuItem>
<MenuItem Icon="IconName.Download" OnClick="@(() => _last = "Export")">Export</MenuItem>
</SplitButton>
<SplitButton Label="Publish" Color="ButtonColor.Success" Variant="Variant.Outlined" OnClick="@(() => _last = "Publish")">
<MenuItem OnClick="@(() => _last = "Schedule")">Schedule</MenuItem>
</SplitButton>
<span>Last action: @_last</span>
</Stack>
@code {
private string _last = "none";
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.