NavMenu
FreeNavegação vertical com destaque da página ativa (construída sobre NavLink) e grupos recolhíveis. Dê a NavItem um Tooltip e a NavGroup um Icon quando o menu for usado em um Drawer com Mini: a gaveta fechada mostra então só ícones, e um grupo abre como um pequeno painel suspenso.
Exemplo
Parâmetros
NavMenu
| Parâmetro | Tipo | Descrição |
|---|---|---|
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Label | string | Texto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta). |
Style | string | Estilo embutido adicionado ao elemento raiz. |
NavItem
| Parâmetro | Tipo | Descrição |
|---|---|---|
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Href | string | Endereço do link. Em um Button, faz o botão ser exibido como um link com a mesma aparência. |
Icon | IconName? | Ícone a mostrar (IconName). |
Match | NavLinkMatch | NavLinkMatch.Prefix (padrão) ou All. |
Style | string | Estilo embutido adicionado ao elemento raiz. |
Tooltip | string | Texto de dica de ferramenta nativo; use-o em NavItems para que a barra só com ícones continue compreensível. |
NavGroup
| Parâmetro | Tipo | Descrição |
|---|---|---|
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Expanded | bool | Se o item está aberto. Use com @bind-Expanded. |
Icon | IconName? | Ícone a mostrar (IconName). |
Style | string | Estilo embutido adicionado ao elemento raiz. |
Title | string | Texto de título (cabeçalho da gaveta, legenda de guia, título de coluna, legenda de etapa). |
Pacote
NavMenu faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.
Controles relacionados
Enviar feedbackVersão 1.0.3