Skip to main content
Footprints

<fabricationnoterect />

Overview

The <fabricationnoterect /> element draws rectangular callouts on the fabrication layer. Use it to flag assembly keep-out zones, highlight areas that need manual inspection, or surround notes that should only appear on fabrication outputs. Fabrication rectangles will not appear on the silkscreen or schematic exports.

Basic Usage

The example below adds a fabrication note rectangle around a cluster of passives to highlight an assembly instruction. Because the element renders on the fabrication layer, it appears alongside <fabricationnotetext /> callouts in fabrication plots but stays off the silkscreen.

export default () => (
<board width="28mm" height="20mm">
<resistor name="R1" resistance="1k" footprint="0603" pcbX={-6} pcbY={-2} />
<capacitor name="C1" capacitance="1uF" footprint="0603" pcbX={-2} pcbY={2} />
<fabricationnotetext
text="Install last"
pcbX={8}
pcbY={0}
anchorAlignment="left"
fontSize="1.4mm"
/>
<fabricationnoterect
pcbX={2}
pcbY={0}
width={18}
height={12}
strokeWidth={0.3}
color="#2563eb"
/>
</board>
)
PCB Circuit Preview

Filled Callouts

Set isFilled to tint the region. Pair it with hasStroke={false} when you only want a filled highlight without an outline.

export default () => (
<board width="28mm" height="20mm">
<fabricationnoterect
pcbX={-6}
pcbY={0}
width={8}
height={6}
color="#f97316"
isFilled
/>
<fabricationnoterect
pcbX={6}
pcbY={0}
width={8}
height={6}
color="#16a34a"
isFilled
hasStroke={false}
/>
</board>
)
PCB Circuit Preview

Properties

PropertyTypeRequiredDefaultDescription
pcbXlengthYesX coordinate of the rectangle center on the PCB fabrication layer.
pcbYlengthYesY coordinate of the rectangle center on the PCB fabrication layer.
widthlengthYesWidth of the rectangle.
heightlengthYesHeight of the rectangle.
strokeWidthlengthNo0.2mmOutline thickness for the rectangle border.
colorstringNo"#000"Hex color used when previewing the fabrication rectangle.
isFilledbooleanNofalseWhen true, fills the rectangle with color.
hasStrokebooleanNotrueToggles the rectangle border.
isStrokeDashedbooleanNofalseRenders the border with a dashed pattern.
layerstringNo"fabrication"Fabrication layer name to place the rectangle on.
pcbRelativebooleanNofalseInterpret pcbX/pcbY relative to the parent group instead of the board origin.
relativebooleanNofalseApplies relative positioning rules to both PCB and schematic coordinates within groups.

Tips

  • Combine <fabricationnoterect /> with <fabricationnotetext /> to connect visual highlights with explicit instructions.
  • Use isStrokeDashed to outline areas that require optional or future assembly steps.
  • Keep fabrication rectangles off critical copper features—they are only for documentation and do not affect manufacturing clearances.