Drawer
FreePainel lateral. As gavetas temporárias flutuam sobre a página com um plano de fundo, fecham com Escape e movem o foco para o painel; defina Temporary=false para uma barra lateral permanente. Com Mini, a gaveta fechada permanece como uma barra estreita de ícones (dê um Tooltip aos NavItems) e, ao abrir, mostra ícones com texto.
Exemplo
Parâmetros
| Parâmetro | Tipo | Descrição |
|---|---|---|
Anchor | DrawerAnchor | Left (padrão) ou Right. |
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Collapsible | bool | Adiciona um botão que mostra ou oculta o corpo. |
Mini | bool | Mantém uma barra estreita só com ícones quando a gaveta está fechada; ao abrir, mostra ícones com texto. |
Open | bool | Se a gaveta é mostrada. Use com @bind-Open. |
Style | string | Estilo embutido adicionado ao elemento raiz. |
Temporary | bool | Flutua sobre a página com um plano de fundo (true por padrão). |
Title | string | Texto de título (cabeçalho da gaveta, legenda de guia, título de coluna, legenda de etapa). |
Eventos
| Evento | Tipo | Descrição |
|---|---|---|
OpenChanged | EventCallback<bool> | Gerado quando a gaveta pede para fechar. |
Pacote
Drawer faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.
Enviar feedbackVersão 1.0.3