ui
ui copied to clipboard
feat(component): add editable
A component to edit content inline with resizable input or textarea.
Supports click, double click, and hover.
When used in form a visually hidden input will be rendered for better accessibility.
import * as Editable from "@/components/ui/editable";
<Editable.Root>
<Editable.Label />
<Editable.Area>
<Editable.Preview />
<Editable.Input />
<Editable.Trigger />
</Editable.Area>
<Editable.Trigger />
<Editable.Toolbar>
<Editable.Submit />
<Editable.Cancel />
</Editable.Toolbar>
</Editable.Root>