Toolbar

Uma linha de botões de ferramentas com o papel certo para as tecnologias assistivas.

Por que ajuda

• Semântica de barra de ferramentas
• Espaçamento consistente
• Combina com quaisquer botões

Onde se encaixa

• Editores
• Cabeçalhos de tabelas
• Painéis

Exemplo

<Toolbar Label="Editor">
    <IconButton Icon="IconName.Undo" Label="Undo" />
    <IconButton Icon="IconName.Redo" Label="Redo" />
    <Divider Vertical="true" />
    <ToggleButton @bind-Pressed="_bold" Size="Size.Small">Bold</ToggleButton>
    <ToggleButton @bind-Pressed="_italic" Size="Size.Small">Italic</ToggleButton>
    <Divider Vertical="true" />
    <Button Variant="Variant.Text" Size="Size.Small" StartIcon="IconName.Print">Print</Button>
</Toolbar>

@code {
    private bool _bold;
    private bool _italic;
}

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.

Todos os controles · Documentação