RayCraftDocs
v1.0.3
fr
raycraft.dev
Sur cette page

Drawer

Free

Panneau latéral. Les tiroirs temporaires flottent au-dessus de la page avec un arrière-plan, se ferment avec Échap et déplacent le focus dans le panneau ; définissez Temporary=false pour une barre latérale permanente. Avec Mini, le tiroir fermé reste sous forme de rail étroit d'icônes (donnez un Tooltip aux NavItems) et son ouverture affiche des icônes avec du texte.

Exemple

Contrôle Drawer

Paramètres

ParamètreTypeDescription
AnchorDrawerAnchorLeft (par défaut) ou Right.
ChildContentRenderFragmentContenu affiché à l'intérieur du composant.
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
CollapsibleboolAjoute un bouton qui affiche ou masque le corps.
MiniboolConserve un rail étroit avec seulement des icônes quand le tiroir est fermé ; à l'ouverture, il affiche des icônes avec du texte.
OpenboolIndique si le tiroir est affiché. À utiliser avec @bind-Open.
StylestringStyle en ligne ajouté à l'élément racine.
TemporaryboolFlotte au-dessus de la page avec un arrière-plan (true par défaut).
TitlestringTexte du titre (en-tête de tiroir, légende d'onglet, en-tête de colonne, légende d'étape).

Événements

ÉvénementTypeDescription
OpenChangedEventCallback<bool>Déclenché quand le tiroir demande à se fermer.

Paquet

Drawer fait partie de RayCraft Free. Paquet : RayCraft.Blazor. Il provient de nuget.org. Voir Premiers pas.