Carregando…Carregando…Carregando…Carregando…Click-to-edit text field that toggles between view and edit mode in place.
Demo coming soon
Add a demo component to DEMOS in _showcase.tsx for inputs/inline-edit
$ npx kikitocn add inline-edit| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
value* | string | — | Valor atual |
onConfirm* | (value: string) => void | — | Callback ao confirmar edição |
placeholder | string | — | Placeholder quando vazio |
multiline | boolean | false | Permitir quebra de linha (textarea) |
disabled | boolean | false | Desabilitar edição |
className | string | — | Classes CSS extras |
import { InlineEdit } from "@/components/ui/cn/inline-edit/InlineEdit";
export function InlineEditExample() {
return (
<InlineEdit />
);
}