Back to Tldraw

Custom text outline

apps/examples/src/examples/configuration/custom-text-outline/README.md

5.0.0504 B
Original Source

Disable text outlines on text and arrow labels.


This example shows how to configure the ArrowShapeUtil and TextShapeUtil to disable text outlines. By default, tldraw adds a text outline (using the canvas background color) to help text stand out when overlapping with other shapes. You can disable this feature by configuring the shape utilities.

This is particularly useful for:

  • Performance optimization on certain browsers (we already skip on Safari)
  • Different visual styling preferences