Painel Lateral

Um desliza da borda da página sobre seu conteúdo, para detalhes ou um formulário que pertença ao lado da página, e não no lugar dela. O usuário pode redimensioná-lo com uma alça de arrastar na borda interna, enquanto redimensiona a navegação, e clicar duas vezes no cabo para resetá-lo. Ele se encaixa à direita, no final da página, por padrão; defina Position (position) para Start (start) acoplá-lo à esquerda. Os botões de grade abrem SidePanel seu formulário de registro em um quando a localização é um painel lateral.

Redimensionamento

Redimensionamento está ativado por padrão; defina EnableResizing (enableResizing no React ) para false uma largura fixa. DefaultWidth, MinWidth e MaxWidth defina a largura inicial e até onde o usuário pode levá-la, e o painel nunca é mais largo que a viewport. Coloque WidthStorageKey uma chave própria no painel e ele reabre na largura que o usuário deixou, ao longo dos carregamentos da página. No celular, o painel ocupa toda a largura e não tem alça.

Cabeçalho, corpo e pé

Title e FooterContent (title e footer no React ) cobrem a maioria dos painéis. Quando o rodapé depende do estado dentro do conteúdo — um botão de Salvar ativado apenas quando um formulário muda — componha o painel em vez disso: TitleTemplate e FooterContent no Blazor, e no React SidePanelHeader, SidePanelBody e SidePanelFooter, que pode estar dentro de um provedor de contexto seu.