kopia lustrzana https://github.com/Tldraw/Tldraw
50 wiersze
2.2 KiB
Plaintext
50 wiersze
2.2 KiB
Plaintext
|
---
|
||
|
title: Introduction
|
||
|
status: published
|
||
|
author: steveruizok
|
||
|
date: 3/22/2023
|
||
|
order: 0
|
||
|
---
|
||
|
|
||
|
Welcome to the tldraw developer docs.
|
||
|
|
||
|
Here at tldraw, we make two things: a very good multiplayer whiteboard (at [tldraw.com](https://tldraw.com)), and the [open source library](https://github.com/tldraw/tldraw) that powers it. This page provides documentation and reference for that open source library.
|
||
|
|
||
|
```tsx
|
||
|
import { Tldraw } from '@tldraw/tldraw'
|
||
|
import '@tldraw/tldraw/tldraw.css'
|
||
|
|
||
|
export default function () {
|
||
|
return (
|
||
|
<div style={{ position: 'fixed', inset: 0 }}>
|
||
|
<Tldraw />
|
||
|
</div>
|
||
|
)
|
||
|
}
|
||
|
```
|
||
|
|
||
|
You can use the `<Tldraw>` React component to build on top of the default tldraw experience. It's easy to use and easy to extend with your own [custom shapes](/docs/shapes), [custom tools](/docs/tools), and [user interface](/docs/user-interface) overrides.
|
||
|
|
||
|
You can also use the [Editor API](/docs/editor) to create, update, and delete shapes, control the camera, or do just about anything else.
|
||
|
|
||
|
If you want to go even deeper, you can use the `<TldrawEditor>` component as a more minimal engine without the default tldraw shapes or user interface.
|
||
|
|
||
|
|
||
|
Best of all, you can easily plug tldraw into the [collaboration backend](/docs/collaboration) of your choice.
|
||
|
|
||
|
- Want to explore the code? Visit the [GitHub repo](https://github.com/tldraw/tldraw).
|
||
|
- Want to try it out? Visit the [examples sandbox](https://stackblitz.com/github/tldraw/tldraw/tree/examples?file=src%2F1-basic%2FBasicExample.tsx).
|
||
|
|
||
|
Otherwise, continue on to the [installation](/docs/installation) and [usage](/docs/usage) guides.
|
||
|
|
||
|
## Community
|
||
|
|
||
|
Found a bug or want to request a feature? Create an issue [here](https://github.com/tldraw/tldraw/issues). To connect with the team and other users, join us on our [Discord](https://discord.gg/JMbeb96jsh).
|
||
|
|
||
|
If you spot an issue with these docs, please use the links at the bottom of each page to suggest a change.
|
||
|
|
||
|
## License
|
||
|
|
||
|
Our open source libraries are licensed and distributed under Apache-2.0.
|
||
|
|
||
|
Our plan is to keep these libraries permissively licensed while we develop a commercial offering for teams who want more from tldraw. If you're planning to use use tldraw in a commercial product, please reach out at [hello@tldraw.com](mailto://hello@tldraw.com).
|