Toutes les valeurs n’ont pas besoin d’un formulaire. InPlaceEditor affiche le texte comme du texte, et un clic le transforme en champ avec boutons d’enregistrement et d’annulation.
Pourquoi c’est utile
- Modification là où la valeur est affichée
- Enregistrer et annuler inclus
- Garde les pages calmes et lisibles
Où il trouve sa place
- Titres et noms
- Détails de profil
- Corrections rapides dans des listes
Exemple
<Stack Spacing="3">
<InPlaceEditor @bind-Value="_title" Label="Title" Placeholder="Click to add a title" />
<InPlaceEditor @bind-Value="_notes" Label="Notes" Lines="3" Placeholder="Click to add notes" HelperText="Ctrl+Enter saves, Escape cancels." />
</Stack>
@code {
private string? _title = "Quarterly report";
private string? _notes;
}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.