Tldraw/apps/examples/src/examples/speech-bubble/CustomShapeWithHandles.tsx

24 wiersze
665 B
TypeScript

import { Tldraw } from '@tldraw/tldraw'
import '@tldraw/tldraw/tldraw.css'
import { SpeechBubbleTool } from './SpeechBubble/SpeechBubbleTool'
import { SpeechBubbleUtil } from './SpeechBubble/SpeechBubbleUtil'
import { customAssetUrls, uiOverrides } from './SpeechBubble/ui-overrides'
import './customhandles.css'
const shapeUtils = [SpeechBubbleUtil]
const tools = [SpeechBubbleTool]
export default function CustomShapeWithHandles() {
return (
<div style={{ position: 'absolute', inset: 0 }}>
<Tldraw
shapeUtils={shapeUtils}
tools={tools}
overrides={uiOverrides}
assetUrls={customAssetUrls}
persistenceKey="whatever"
/>
</div>
)
}