Tldraw/packages/tldraw/src/lib/canvas/TldrawHandles.tsx

16 wiersze
440 B
TypeScript

import { TLHandlesProps, useEditor, useValue } from '@tldraw/editor'
/** @public */
export function TldrawHandles({ children }: TLHandlesProps) {
const editor = useEditor()
const shouldDisplayHandles = useValue(
'shouldDisplayHandles',
() => editor.isInAny('select.idle', 'select.pointing_handle'),
[editor]
)
if (!shouldDisplayHandles) return null
return <svg className="tl-user-handles tl-overlays__item">{children}</svg>
}