Drawer
FreePanel lateral. Los paneles laterales temporales flotan sobre la página con un fondo, se cierran con Escape y mueven el foco al panel; defina Temporary=false para una barra lateral permanente. Con Mini, el panel cerrado permanece como una barra estrecha de iconos (dé un Tooltip a los NavItems) y al abrirlo se muestran iconos con texto.
Ejemplo
Parámetros
| Parámetro | Tipo | Descripción |
|---|---|---|
Anchor | DrawerAnchor | Left (predeterminado) o Right. |
ChildContent | RenderFragment | Contenido representado dentro del componente. |
Class | string | Clases CSS adicionales que se agregan al elemento raíz. |
Collapsible | bool | Agrega un botón que muestra u oculta el cuerpo. |
Mini | bool | Mantiene una barra estrecha solo con iconos cuando el panel lateral está cerrado; al abrirlo se muestran iconos con texto. |
Open | bool | Si se muestra el panel lateral. Úselo con @bind-Open. |
Style | string | Estilo en línea agregado al elemento raíz. |
Temporary | bool | Flota sobre la página con un fondo (true de forma predeterminada). |
Title | string | Texto del título (encabezado del panel lateral, rótulo de pestaña, encabezado de columna, rótulo de paso). |
Eventos
| Evento | Tipo | Descripción |
|---|---|---|
OpenChanged | EventCallback<bool> | Se genera cuando el panel lateral solicita cerrarse. |
Paquete
Drawer forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.
Enviar comentariosVersión 1.0.3