Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Customize the toolbar, style panel, and other UI elements
@tsdraw/react package includes a toolbar and style panel, configurable via uiOptions.
<Tsdraw uiOptions={{ toolbar: { hide: true } }} />
parts option controls grouping:
<Tsdraw uiOptions={{ toolbar: { parts: [['pen'], ['undo']] } }} />
<Tsdraw uiOptions={{ toolbar: { placement: { anchor: 'bottom-right' } } }} />
<Tsdraw uiOptions={{ toolbar: { draggable: true, saveDraggedPosition: true } }} />
<Tsdraw uiOptions={{ showPenModeIndicator: false }} />
<Tsdraw uiOptions={{ stylePanel: { hide: true } }} />
<Tsdraw uiOptions={{ stylePanel: { placement: { anchor: 'top-right', edgeOffset: 18 } } }} />
<Tsdraw
uiOptions={{
customElements: [{
id: 'logo',
render: () => <div>tsdraw</div>
}]
}}
/>
<Tsdraw theme="light" /> // or "dark", "system"
<Tsdraw uiOptions={{ cursor: { getCursor: (ctx) => 'crosshair' } }} />