Inte varje värde behöver ett formulär. InPlaceEditor visar text som text, och ett klick gör den till ett fält med spara- och avbryt-knappar.
Varför det hjälper
- Redigera precis där värdet visas
- Spara och avbryt ingår
- Håller sidor lugna och läsbara
Var det passar
- Rubriker och namn
- Profildetaljer
- Snabba rättningar i listor
Exempel
<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;
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.