Dialog

Gerichte dialogen die gebruikers op koers houden. De focus gaat erin, blijft daar tot het dialoog sluit en keert terug naar waar hij was.

Waarom het helpt

• Focus afgehandeld
• Sluiten met Esc en achtergrond
• Toont elk onderdeel

Waar het past

• Bevestigingen
• Bewerkformulieren
• Invoervragen

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.

Alle besturingselementen · Documentatie