defaultBindingSchemas • tldraw Docs

Default binding schema configurations for all built-in tldraw binding types. Bindings represent relationships between shapes, such as arrows connected to shapes.

Currently includes:

arrow: Bindings that connect arrow shapes to other shapes at specific anchor points

defaultBindingSchemas: {
  arrow: {
    migrations: TLPropsMigrations
    props: import('./recordsWithProps').RecordProps<
      import('./bindings/TLArrowBinding').TLArrowBinding
    >
  }
}

Example

import { createTLSchema, defaultBindingSchemas } from '@tldraw/tlschema'

// Use default bindings
const schema = createTLSchema({
  bindings: defaultBindingSchemas,
})

// Add custom binding alongside defaults
const customSchema = createTLSchema({
  bindings: {
    ...defaultBindingSchemas,
    myCustomBinding: {
      props: myCustomBindingProps,
      migrations: myCustomBindingMigrations,
    },
  },
})