Geben Sie den Menschen die meistgenutzte Aktion mit einem Klick und die verwandten einen Klick entfernt. SplitButton koppelt eine Hauptaktion mit einem Menü von Alternativen, gebaut aus denselben Menüelementen, die Sie schon anderswo nutzen.
Warum es hilft
- Schnelle Standardaktion
- Verwandte Aktionen in einem Menü
- Dieselben Menüelemente wie Menu
Wo es passt
- Speichern und Speichern unter
- Senden und Später senden
- Export in verschiedenen Formaten
Beispiel
<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";
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.