Drawer

Et sidepanel for navigasjon eller detaljer. Det kan flyte over siden, lukkes med Escape eller bli stående som et smalt ikonspor når det er lukket.

Hvorfor det hjelper

• Midlertidig eller permanent
• Alternativ med ikonspor
• Fokus håndteres for deg

Hvor det passer

• Hovednavigasjon
• Filtre
• Detaljpaneler

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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller · Dokumentasjon