This component no longer exists. It was in diceui/base’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-13 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
editable-double-click-demo
diceui-base/editable-double-click-demoRemovedExample
diceui/base publishes no description for this item.
Install it
npx shadcn@latest add https://raw.githubusercontent.com/sadmann7/diceui/HEAD/docs/public/r/styles/base-vega/editable-double-click-demo.jsonSource
1import * as React from "react";2import { Button } from "@/registry/bases/base/ui/button";3import {4 Editable,5 EditableArea,6 EditableCancel,7 EditableInput,8 EditableLabel,9 EditablePreview,10 EditableSubmit,11 EditableToolbar,12} from "@/registry/bases/base/ui/editable";1314export default function EditableDoubleClickDemo() {15 return (16 <div className="flex flex-col gap-4">17 <Editable18 defaultValue="Double click to edit"19 placeholder="Enter your text here"20 triggerMode="dblclick"21 >22 <EditableLabel>Fruit</EditableLabel>23 <EditableArea>24 <EditablePreview />25 <EditableInput />26 </EditableArea>27 <EditableToolbar>28 <EditableSubmit render={<Button size="sm" />}>Save</EditableSubmit>29 <EditableCancel render={<Button variant="outline" size="sm" />}>30 Cancel31 </EditableCancel>32 </EditableToolbar>33 </Editable>34 </div>35 );36}
What it pulls in
Other registry items
