kopia lustrzana https://github.com/Tldraw/Tldraw
41 wiersze
758 B
TypeScript
41 wiersze
758 B
TypeScript
import {
|
|
DefaultZoomMenu,
|
|
DefaultZoomMenuContent,
|
|
TLComponents,
|
|
Tldraw,
|
|
TldrawUiMenuGroup,
|
|
TldrawUiMenuItem,
|
|
} from '@tldraw/tldraw'
|
|
import '@tldraw/tldraw/tldraw.css'
|
|
|
|
function CustomZoomMenu() {
|
|
return (
|
|
<DefaultZoomMenu>
|
|
<TldrawUiMenuGroup id="example">
|
|
<TldrawUiMenuItem
|
|
id="like"
|
|
label="Like my posts"
|
|
icon="external-link"
|
|
readonlyOk
|
|
onSelect={() => {
|
|
window.open('https://x.com/tldraw', '_blank')
|
|
}}
|
|
/>
|
|
</TldrawUiMenuGroup>
|
|
<DefaultZoomMenuContent />
|
|
</DefaultZoomMenu>
|
|
)
|
|
}
|
|
|
|
const components: TLComponents = {
|
|
ZoomMenu: CustomZoomMenu,
|
|
}
|
|
|
|
export default function CustomZoomMenuExample() {
|
|
return (
|
|
<div className="tldraw__editor">
|
|
<Tldraw components={components} />
|
|
</div>
|
|
)
|
|
}
|