Donnez aux gens l’action la plus utilisée en un clic et les actions liées à un clic de plus. SplitButton associe une action principale à un menu d’alternatives, construit à partir des mêmes éléments de menu que vous utilisez déjà ailleurs.
Pourquoi c’est utile
- Action par défaut rapide
- Actions liées dans un menu
- Mêmes éléments que Menu
Où il trouve sa place
- Enregistrer et Enregistrer sous
- Envoyer et Planifier l’envoi
- Export dans différents formats
Exemple
<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";
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.