ui icon indicating copy to clipboard operation
ui copied to clipboard

feat(component): add editable

Open sadmann7 opened this issue 7 months ago • 1 comments

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>

image

sadmann7 avatar Mar 17 '25 15:03 sadmann7