# Editable custom shape

- Page: https://jiguang132.com/resources/tldraw/docs/editable-shape
- Resource: tldraw (https://jiguang132.com/resources/tldraw.md)
- All guides: https://jiguang132.com/resources/tldraw/docs.md

A custom shape that becomes interactive when you double-click it.

## Official example

The preview embeds the official tldraw examples site. tldraw hosts it and updates it from its main branch; JGuang does not copy the example source or the SDK.

- Open on the examples site: https://examples.tldraw.com/editable-shape/full
- Example source (GitHub): https://github.com/tldraw/tldraw/tree/main/apps/examples/src/examples/shapes/tools/editable-shape
- Category: Shapes & tools

## Use it in a project

```bash
npm install tldraw@5.5.2
```

The examples site runs main-branch code, so some APIs may be newer than the stable npm release. Check APIs against your installed version before adapting an example. Import `tldraw/tldraw.css` and give the editor container an explicit size.

## License

The tldraw SDK uses the tldraw license: development use is free, and production deployments need a valid license key (trial, commercial or hobby).

- Licensing details: https://tldraw.dev/community/license

---

Index of all JGuang resources: https://jiguang132.com/llms.txt