@mocanvas/mocanvas · function

DefaultUi

declare function DefaultUi({ editor, components, overrides, showStats, canvas, hidePanels, children }: DefaultUiProps): react.JSX.Element

mocanvas's chrome, and the context every part of it reads.

Customisation goes through the two override maps rather than around them: components swaps a panel out, overrides rewrites the tool and action lists that the panels — mocanvas's own or the app's — render from. Both are live for anything rendered inside, including a components.Toolbar of the app's own, which is why a custom toolbar can call useTools() and get the same list the default one would have used.

mocanvas is built by Symbio. Free for non-commercial, non-profit and development use; commercial use needs an agreement. Not affiliated with or endorsed by tldraw.