Frame colors

Use the showColors option to display colored fills and headings on frame shapes.

Create a frame (keyboard shortcut F) and see how it looks with the showColors option enabled.

import { FrameShapeUtil, Tldraw } from 'tldraw'
import 'tldraw/tldraw.css'

const ConfiguredFrameShapeUtil = FrameShapeUtil.configure({ showColors: true })

export default function FrameColorsExample() {
	return (
		<>
			<div className="tldraw__editor">
				<Tldraw persistenceKey="example" shapeUtils={[ConfiguredFrameShapeUtil]}></Tldraw>
			</div>
		</>
	)
}
Is this page helpful?
Prev
Deep links
Next
Note resizing