Skip to content
TEXT AND NUMBERS · FREE

InPlaceEditor

Edit a value right where it is shown: click, change, save.

Not every value needs a form. InPlaceEditor shows text as text, and a click turns it into a field with save and cancel buttons.

Why it helps

  • Edit right where the value is shown
  • Save and cancel included
  • Keeps pages calm and readable

Where it fits

  • Titles and names
  • Profile details
  • Inline fixes in lists
InPlaceEditor control in a RayCraft page

Example

<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;
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation