Giv folk den handling, de bruger mest, med ét klik og de beslægtede ét klik væk. SplitButton parrer en hovedhandling med en menu af alternativer, bygget af de samme menuelementer, du allerede bruger andre steder.
Hvorfor det hjælper
- Hurtig standardhandling
- Beslægtede handlinger i en menu
- Samme elementer som Menu
Hvor det passer
- Gem og Gem som
- Send og Planlæg afsendelse
- Eksport i forskellige 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 uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.