tldraw/apps
Lu Wilson 7a09581081
Add example for external UI (#2846)
This PR adds an example for how to add external UI components.

It's something that I've been asked for help with in the past, and it's
something I wish more consumers would do when using tldraw inline - it
would help the editor feel less cramped. Therefore, I'd like to have it
is as an example we can point people to.

![2024-02-19 at 11 53 18 - Maroon
Boar](https://github.com/tldraw/tldraw/assets/15892272/f043bb77-3181-4a7d-b736-2b6a5012e208)

> Some other context:
> We've talked about giving this sorta thing more first-class support in
the future, eg: with a `useEditorInstance` hook or something.

Closes TLD-2128

### Change Type

- [x] `documentation` — Changes to the documentation only[^2]

[^1]: publishes a `patch` release, for devDependencies use `internal`
[^2]: will not publish a new version

### Test Plan

1. Try out the External UI example.
2. Make sure you can change tool by pressing the toolbar buttons.
3. Make sure you can change tool by pressing keys (eg: d, e)

- [ ] Unit Tests
- [ ] End to end tests

### Release Notes

- Docs: Added external UI example.

---------

Co-authored-by: Steve Ruiz <steveruizok@gmail.com>
2024-02-23 16:07:08 +00:00
..
docs Remove template references (#2919) 2024-02-23 15:37:59 +00:00
dotcom Make Vercel URL rewrites precise (#2913) 2024-02-22 18:25:45 +00:00
dotcom-asset-upload Faster validations + record reference stability at the same time (#2848) 2024-02-20 12:35:25 +00:00
dotcom-bookmark-extractor Bump Yarn to 4.0.2 and add version constraints (#2481) 2024-01-18 11:09:17 +00:00
dotcom-worker Check tsconfig "references" arrays (#2891) 2024-02-21 13:07:53 +00:00
examples Add example for external UI (#2846) 2024-02-23 16:07:08 +00:00
health-worker Check tsconfig "references" arrays (#2891) 2024-02-21 13:07:53 +00:00
huppy Check tsconfig "references" arrays (#2891) 2024-02-21 13:07:53 +00:00
vscode VS Code 2.0.25 (#2911) 2024-02-22 08:50:14 +00:00