Drawer

Страничен панел за навигация или подробности. Може да се носи над страницата, да се затваря с Escape или да остава като тясна лента с иконки, когато е затворен.

Защо помага

• Временен или постоянен
• Опция за лента с иконки
• Фокусът се управлява вместо вас

Къде пасва

• Основна навигация
• Филтри
• Панели с подробности

Пример

<Button OnClick="() => _open = true">Open drawer</Button>

<Drawer @bind-Open="_open" Title="Navigation">
    <Stack Direction="StackDirection.Column" Spacing="1">
        <Button Variant="Variant.Text">Dashboard</Button>
        <Button Variant="Variant.Text">Settings</Button>
    </Stack>
</Drawer>

@code {
    private bool _open;
}

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

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

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