Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

feat(component): add editable #6951

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

sadmann7
Copy link

@sadmann7 sadmann7 commented Mar 17, 2025

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

Copy link

vercel bot commented Mar 17, 2025

@sadmann7 is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant