Un panel lateral para navegación o detalles. Puede flotar sobre la página, cerrarse con Esc o quedarse como un riel estrecho de iconos cuando está cerrado.
Por qué ayuda
- Temporal o permanente
- Opción de riel de iconos
- Foco gestionado por ti
Dónde encaja
- Navegación principal
- Filtros
- Paneles de detalles
Ejemplo
<Button OnClick="() => _open = true">Open drawer</Button>
<Drawer @bind-Open="_open" Title="Navigation">
<Stack Direction="StackDirection.Column" Spacing="1">
<Button Variant="Variant.Text">Dashboard</Button>
<Button Variant="Variant.Text">Settings</Button>
</Stack>
</Drawer>
@code {
private bool _open;
}Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.