@mocanvas/mocanvas · interface

TLUiLayoutProps

interface TLUiLayoutProps

The three layout boxes the chrome is assembled from.

They exist as components rather than as CSS classes so that a row also publishes its orientation (see TldrawUiOrientationProvider) — which is what lets the buttons inside it work out their own arrow-key behaviour without being told.


Properties · 6

align?: "start" | "center" | "end" | "stretch"

Cross-axis alignment.

children?: ReactNode
className?: string
gap?: number

Gap between children, in px.

justify?: "start" | "center" | "end" | "between"

Main-axis distribution.

style?: CSSProperties

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.