Geef mensen de actie die ze het meest gebruiken met één klik en de verwante acties één klik verder. SplitButton koppelt een hoofdactie aan een menu met alternatieven, gebouwd uit dezelfde menu-items die je elders al gebruikt.
Waarom het helpt
- Snelle standaardactie
- Verwante acties in een menu
- Dezelfde items als Menu
Waar het past
- Opslaan en Opslaan als
- Verzenden en Verzenden plannen
- Exporteren in verschillende formaten
Voorbeeld
<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";
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.