Gi folk handlingen de bruker mest med ett klikk og de beslektede ett klikk unna. SplitButton parer en hovedhandling med en meny av alternativer, bygget av de samme menyelementene du allerede bruker andre steder.
Hvorfor det hjelper
- Rask standardhandling
- Beslektede handlinger i en meny
- Samme elementer som Menu
Hvor det passer
- Lagre og Lagre som
- Send og Planlegg sending
- Eksporter i ulike formater
Eksempel
<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";
}Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.