Drawer

Un panneau latéral pour la navigation ou les détails. Il peut flotter au-dessus de la page, se fermer avec Échap ou rester sous forme de fin rail d’icônes une fois fermé.

Pourquoi c’est utile

• Temporaire ou permanent
• Option de rail d’icônes
• Focus géré pour vous

Où il trouve sa place

• Navigation principale
• Filtres
• Panneaux de détails

Exemple

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

Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.

Tous les contrôles · Documentation