Ge folk den åtgärd de använder mest med ett klick och de relaterade ett klick bort. SplitButton parar en huvudåtgärd med en meny av alternativ, byggd av samma menyobjekt som du redan använder på andra ställen.
Varför det hjälper
- Snabb standardåtgärd
- Relaterade åtgärder i en meny
- Samma objekt som Menu
Var det passar
- Spara och Spara som
- Skicka och Schemalägg skickande
- Exportera i olika format
Exempel
<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";
}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.