<pcbnoteline />

Overview

The <pcbnoteline /> element draws straight lines on the PCB. It's useful for creating visual guides, marking boundaries, connecting annotations, or highlighting specific areas of your board.

Start by asking your AI to “use tscircuit.”

Tell your AI what you want to build. In environments where your AI can install and run tools, it can download and use tscircuit automatically—you usually don’t need to install anything yourself.

Try: Use tscircuit to design a USB-powered LED board.

Lines can be solid or dashed, and can be customized with different colors and stroke widths.

export default () => (
  <board width="20mm" height="20mm">
    <pcbnoteline
      x1={-5}
      y1={0}
      x2={5}
      y2={0}
      strokeWidth={0.5}
      color="#ff0000"
    />
  </board>
)

Basic Examples

Simple Horizontal and Vertical Lines

export default () => (
  <board width="25mm" height="25mm">
    <pcbnoteline
      x1={-8}
      y1={0}
      x2={8}
      y2={0}
      strokeWidth={0.3}
      color="#0000ff"
    />
    <pcbnoteline
      x1={0}
      y1={-8}
      x2={0}
      y2={8}
      strokeWidth={0.3}
      color="#00ff00"
    />
  </board>
)

Creating a Border Frame

export default () => (
  <board width="30mm" height="25mm">
    <pcbnoteline x1={-12} y1={-10} x2={12} y2={-10} strokeWidth={0.3} color="#000000" />
    <pcbnoteline x1={12} y1={-10} x2={12} y2={10} strokeWidth={0.3} color="#000000" />
    <pcbnoteline x1={12} y1={10} x2={-12} y2={10} strokeWidth={0.3} color="#000000" />
    <pcbnoteline x1={-12} y1={10} x2={-12} y2={-10} strokeWidth={0.3} color="#000000" />
    <pcbnotetext
      pcbX={0}
      pcbY={0}
      text="Keep Out"
      fontSize={1.5}
      anchorAlignment="center"
    />
  </board>
)

Props

Property	Type	Required	Default	Description
x1	distance	Yes	-	X coordinate of the line start point
y1	distance	Yes	-	Y coordinate of the line start point
x2	distance	Yes	-	X coordinate of the line end point
y2	distance	Yes	-	Y coordinate of the line end point
strokeWidth	distance	No	0.1	Width of the line stroke in mm
color	string	No	-	Line color as hex string (e.g., "#ff0000")
isDashed	boolean	No	false	Whether the line is drawn with dashes