No todos los valores necesitan un formulario. InPlaceEditor muestra el texto como texto, y un clic lo convierte en un campo con botones de guardar y cancelar.
Por qué ayuda
- Editar justo donde se muestra el valor
- Guardar y cancelar incluidos
- Mantiene las páginas tranquilas y legibles
Dónde encaja
- Títulos y nombres
- Detalles de perfil
- Correcciones rápidas en listas
Ejemplo
<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.