kopia lustrzana https://github.com/Tldraw/Tldraw
41 wiersze
691 B
TypeScript
41 wiersze
691 B
TypeScript
import { Tldraw } from '@tldraw/tldraw'
|
|
import '@tldraw/tldraw/editor.css'
|
|
import '@tldraw/tldraw/ui.css'
|
|
|
|
export default function Example() {
|
|
return (
|
|
<div className="tldraw__editor">
|
|
<Tldraw shareZone={<CustomShareZone />} topZone={<CustomTopZone />} />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function CustomShareZone() {
|
|
return (
|
|
<div
|
|
style={{
|
|
backgroundColor: 'var(--palette-light-blue)',
|
|
width: '100%',
|
|
textAlign: 'center',
|
|
minWidth: '80px',
|
|
}}
|
|
>
|
|
<p>Share Zone</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function CustomTopZone() {
|
|
return (
|
|
<div
|
|
style={{
|
|
width: '100%',
|
|
backgroundColor: 'var(--palette-light-green)',
|
|
textAlign: 'center',
|
|
}}
|
|
>
|
|
<p>Top Zone</p>
|
|
</div>
|
|
)
|
|
}
|