RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

NavMenu

Free

Vertikale Navigation mit Hervorhebung der aktiven Seite (auf NavLink aufgebaut) und einklappbaren Gruppen. Geben Sie NavItem einen Tooltip und NavGroup ein Icon, wenn das Menü in einem Drawer mit Mini verwendet wird: Die geschlossene Seitenleiste zeigt dann nur Symbole, und eine Gruppe öffnet sich als kleines Flyout.

Beispiel

Steuerelement NavMenu

Parameter

NavMenu

ParameterTypBeschreibung
ChildContentRenderFragmentInhalt, der innerhalb der Komponente dargestellt wird.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
LabelstringSichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo).
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.

NavItem

ParameterTypBeschreibung
ChildContentRenderFragmentInhalt, der innerhalb der Komponente dargestellt wird.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
HrefstringLinkadresse. Bei einem Button wird die Schaltfläche als Link mit demselben Aussehen dargestellt.
IconIconName?Anzuzeigendes Symbol (IconName).
MatchNavLinkMatchNavLinkMatch.Prefix (Standard) oder All.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.
TooltipstringNativer QuickInfo-Text; verwenden Sie ihn bei NavItems, damit die reine Symbolleiste verständlich bleibt.

NavGroup

ParameterTypBeschreibung
ChildContentRenderFragmentInhalt, der innerhalb der Komponente dargestellt wird.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
ExpandedboolOb das Element geöffnet ist. Verwenden Sie es mit @bind-Expanded.
IconIconName?Anzuzeigendes Symbol (IconName).
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.
TitlestringTiteltext (Kopfzeile der Seitenleiste, Registerbeschriftung, Spaltenüberschrift, Schrittbeschriftung).

Paket

NavMenu gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.