En sidopanel för navigering eller detaljer. Den kan flyta över sidan, stängas med Escape eller stå kvar som ett smalt ikonspår när den är stängd.
Varför det hjälper
- Tillfällig eller permanent
- Alternativ med ikonspår
- Fokus sköts åt dig
Var det passar
- Huvudnavigering
- Filter
- Detaljpaneler
Exempel
<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;
}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.