@mocanvas/mocanvas · constant

DefaultStylePanel

declare const DefaultStylePanel: ({ isMobile, children }: TLUiStylePanelProps) => react.JSX.Element | null

The docked style panel.

It appears when there is something to style: a selection, or a tool that is about to create a shape. It used to be on permanently, because the styles a tool *would* apply exist whether or not that tool is the pointer — so picking the arrow, selecting nothing, and just looking at the board still put a full panel of colours and fills in the corner, and it covered the canvas underneath it.

Renders nothing at all rather than an empty frame, which reads as broken rather than as inapplicable.

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.