Drawer

Et sidepanel til navigation eller detaljer. Det kan flyde over siden, lukke med Escape eller blive som en smal ikonskinne, når det er lukket.

Hvorfor det hjælper

• Midlertidigt eller permanent
• Mulighed for ikonskinne
• Fokus håndteres for dig

Hvor det passer

• Hovednavigation
• Filtre
• Detaljepaneler

Eksempel

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

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller · Dokumentation