Drawer
FreeSeitenbereich. Temporäre Seitenleisten schweben mit einem Hintergrund über der Seite, schließen mit Escape und setzen den Fokus in den Bereich; setzen Sie Temporary=false für eine dauerhafte Seitenleiste. Mit Mini bleibt die geschlossene Seitenleiste als schmale Leiste aus Symbolen (geben Sie NavItems einen Tooltip), und das Öffnen zeigt Symbole mit Text.
Beispiel
Parameter
| Parameter | Typ | Beschreibung |
|---|---|---|
Anchor | DrawerAnchor | Left (Standard) oder Right. |
ChildContent | RenderFragment | Inhalt, der innerhalb der Komponente dargestellt wird. |
Class | string | Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden. |
Collapsible | bool | Fügt eine Schaltfläche hinzu, die den Inhalt ein- oder ausblendet. |
Mini | bool | Behält eine schmale Leiste nur mit Symbolen, wenn die Seitenleiste geschlossen ist; beim Öffnen werden Symbole mit Text gezeigt. |
Open | bool | Ob die Seitenleiste angezeigt wird. Verwenden Sie es mit @bind-Open. |
Style | string | Inline-Stil, der dem Wurzelelement hinzugefügt wird. |
Temporary | bool | Schwebt mit einem Hintergrund über der Seite (Standard true). |
Title | string | Titeltext (Kopfzeile der Seitenleiste, Registerbeschriftung, Spaltenüberschrift, Schrittbeschriftung). |
Ereignisse
| Ereignis | Typ | Beschreibung |
|---|---|---|
OpenChanged | EventCallback<bool> | Wird ausgelöst, wenn die Seitenleiste das Schließen anfordert. |
Paket
Drawer gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.
Feedback sendenVersion 1.0.3