Toolbar

En rad med verktygsknappar med rätt roll för hjälpmedel.

Varför det hjälper

• Verktygsfältssemantik
• Konsekvent avstånd
• Passar vilka knappar som helst

Var det passar

• Redigerare
• Tabellrubriker
• Paneler

Exempel

<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;
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller · Dokumentation