Nem todo valor precisa de um formulário. InPlaceEditor mostra o texto como texto, e um clique o transforma em um campo com botões de salvar e cancelar.
Por que ajuda
- Edite exatamente onde o valor é mostrado
- Salvar e cancelar incluídos
- Mantém as páginas calmas e legíveis
Onde se encaixa
- Títulos e nomes
- Detalhes de perfil
- Correções rápidas em listas
Exemplo
<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;
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.