Nicht jeder Wert braucht ein Formular. InPlaceEditor zeigt Text als Text, und ein Klick verwandelt ihn in ein Feld mit Speichern- und Abbrechen-Schaltflächen.
Warum es hilft
- Bearbeiten genau dort, wo der Wert angezeigt wird
- Speichern und Abbrechen inklusive
- Hält Seiten ruhig und lesbar
Wo es passt
- Titel und Namen
- Profildetails
- Schnelle Korrekturen in Listen
Beispiel
<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;
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.