Niet elke waarde heeft een formulier nodig. InPlaceEditor toont tekst als tekst, en een klik verandert die in een veld met opslaan- en annuleerknoppen.
Waarom het helpt
- Bewerk precies waar de waarde staat
- Opslaan en annuleren inbegrepen
- Houdt pagina's rustig en leesbaar
Waar het past
- Titels en namen
- Profielgegevens
- Snelle correcties in lijsten
Voorbeeld
<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;
}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.