RayCraftDocs
v1.0.3
es
raycraft.dev
En esta página

NavMenu

Free

Navegación vertical con resaltado de la página activa (construida sobre NavLink) y grupos contraíbles. Dé a NavItem un Tooltip y a NavGroup un Icon cuando el menú se use en un Drawer con Mini: el panel cerrado muestra entonces solo iconos, y un grupo se abre como un pequeño panel desplegable.

Ejemplo

Control NavMenu

Parámetros

NavMenu

ParámetroTipoDescripción
ChildContentRenderFragmentContenido representado dentro del componente.
ClassstringClases CSS adicionales que se agregan al elemento raíz.
LabelstringTexto visible de la etiqueta (gráficos: nombre accesible; IconButton: nombre accesible y sugerencia).
StylestringEstilo en línea agregado al elemento raíz.

NavItem

ParámetroTipoDescripción
ChildContentRenderFragmentContenido representado dentro del componente.
ClassstringClases CSS adicionales que se agregan al elemento raíz.
HrefstringDirección del enlace. En un Button hace que el botón se muestre como un enlace con el mismo aspecto.
IconIconName?Icono que se muestra (IconName).
MatchNavLinkMatchNavLinkMatch.Prefix (predeterminado) o All.
StylestringEstilo en línea agregado al elemento raíz.
TooltipstringTexto de información sobre herramientas nativo; úselo en los NavItems para que la barra solo con iconos siga siendo comprensible.

NavGroup

ParámetroTipoDescripción
ChildContentRenderFragmentContenido representado dentro del componente.
ClassstringClases CSS adicionales que se agregan al elemento raíz.
ExpandedboolSi el elemento está abierto. Úselo con @bind-Expanded.
IconIconName?Icono que se muestra (IconName).
StylestringEstilo en línea agregado al elemento raíz.
TitlestringTexto del título (encabezado del panel lateral, rótulo de pestaña, encabezado de columna, rótulo de paso).

Paquete

NavMenu forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.