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-demo
diceui-base/editable-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-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 EditableTrigger,13} from "@/registry/bases/base/ui/editable";1415export default function EditableDemo() {16 return (17 <Editable defaultValue="Click to edit" placeholder="Enter your text here">18 <EditableLabel>Fruit</EditableLabel>19 <EditableArea>20 <EditablePreview />21 <EditableInput />22 </EditableArea>23 <EditableTrigger render={<Button size="sm" className="w-fit" />}>24 Edit25 </EditableTrigger>26 <EditableToolbar>27 <EditableSubmit render={<Button size="sm" />}>Save</EditableSubmit>28 <EditableCancel render={<Button variant="outline" size="sm" />}>29 Cancel30 </EditableCancel>31 </EditableToolbar>32 </Editable>33 );34}
What it pulls in
Other registry items
