Toolbar

Ред от бутони с инструменти с правилната роля за помощните технологии.

Защо помага

• Семантика на лента с инструменти
• Последователни разстояния
• Пасва на всякакви бутони

Къде пасва

• Редактори
• Заглавия на таблици
• Панели

Пример

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

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.

Всички контроли · Документация