Panel lateral

Un SidePanel desliza desde el borde de la página sobre su contenido, para obtener detalles o un formulario que pertenezca al lado de la página en lugar de en su lugar. El usuario puede redimensionarlo con un mango de arrastre en su borde interior, mientras redimensiona la navegación, y hacer doble clic en el mando para restablecerlo. Por defecto, se acopla a la derecha, al final de la página; se configura Position (position) en Start (start) para acoplarlo a la izquierda. Los botones de la cuadrícula abren su forma de registro en uno cuando su ubicación es un panel lateral.

Redimensionamiento

El redimensionamiento está activado por defecto; se configura EnableResizing (enableResizing en React) para false un ancho fijo. DefaultWidth, MinWidth y MaxWidth se establece el ancho inicial y hasta dónde puede llegar el usuario, y el panel nunca es más ancho que el viewport. Pones WidthStorageKey una clave propia del panel y se vuelve a abrir al ancho que el usuario dejó a lo largo de las cargas de página. En un teléfono el panel ocupa todo el ancho y no tiene asco.

Cabezaje, cuerpo y pie

Title y FooterContent (title y footer en React) cubren la mayoría de los paneles. Cuando el pie de página depende del estado dentro del contenido — un botón de guardar activado solo una vez que un formulario ha cambiado — compone el panel en su lugar: TitleTemplate y FooterContent en Blazor, y en React SidePanelHeader, SidePanelBody y SidePanelFooter, que pueden estar dentro de un proveedor de contexto propio.