Des dialogues ciblés qui guident les utilisateurs. Le focus y entre, y reste jusqu’à la fermeture du dialogue et revient là où il était.
Pourquoi c’est utile
- Focus géré
- Fermeture par Échap et arrière-plan
- Affiche n’importe quel composant
Où il trouve sa place
- Confirmations
- Formulaires d’édition
- Invites
Exemple
<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 court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.