Dialog

Diálogos focados que mantêm os usuários no caminho. O foco entra, fica lá até o diálogo fechar e volta para onde estava.

Por que ajuda

• Foco tratado
• Fecha com Esc e fundo
• Mostra qualquer componente

Onde se encaixa

• Confirmações
• Formulários de edição
• Solicitações

Exemplo

<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;
}

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles · Documentação