Dialog

Diálogos enfocados que mantienen a los usuarios en el camino. El foco entra, permanece dentro hasta que el diálogo se cierra y vuelve a donde estaba.

Por qué ayuda

• Foco gestionado
• Cierre con Esc y fondo
• Muestra cualquier componente

Dónde encaja

• Confirmaciones
• Formularios de edición
• Peticiones

Ejemplo

<Button OnClick="() => _open = true">Open dialog</Button>

<Dialog @bind-Open="_open" Title="Delete item?">
    <ChildContent>This action cannot be undone.</ChildContent>
    <Actions>
        <Button Variant="Variant.Outlined" OnClick="() => _open = false">Cancel</Button>
        <Button OnClick="() => _open = false">Delete</Button>
    </Actions>
</Dialog>

@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.

Todos los controles · Documentación