Dê às pessoas a ação que mais usam com um clique e as relacionadas a um clique de distância. SplitButton une uma ação principal a um menu de alternativas, criado com os mesmos itens de menu que você já usa em outros lugares.
Por que ajuda
- Ação padrão rápida
- Ações relacionadas em um menu
- Mesmos itens de Menu
Onde se encaixa
- Salvar e Salvar como
- Enviar e Agendar envio
- Exportar em formatos diferentes
Exemplo
<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";
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.