<courtyardoutline />

Overview

Use <courtyardoutline /> when your footprint needs a non-rectangular, non-circular courtyard shape.

Basic Outline Example

export default () => (
<board width="30mm" height="24mm">
  <chip
    name="U1"
    footprint={
      <footprint>
        <platedhole shape="circle" pcbX={-4} pcbY={-2.5} outerDiameter={2.2} holeDiameter={1.1} />
        <platedhole shape="circle" pcbX={-4} pcbY={2.5} outerDiameter={2.2} holeDiameter={1.1} />
        <platedhole shape="circle" pcbX={4} pcbY={-2.5} outerDiameter={2.2} holeDiameter={1.1} />
        <platedhole shape="circle" pcbX={4} pcbY={2.5} outerDiameter={2.2} holeDiameter={1.1} />
        <courtyardoutline
          outline={[
            { x: -6, y: -5 },
            { x: 6, y: -5 },
            { x: 6, y: 5 },
            { x: 0, y: 7 },
            { x: -6, y: 5 },
          ]}
        />
      </footprint>
    }
  />
</board>
)

Filled Outline Example

export default () => (
<board width="28mm" height="22mm">
  <chip
    name="ANT1"
    footprint={
      <footprint>
        <platedhole shape="circle" pcbX={0} pcbY={-3} outerDiameter={2.2} holeDiameter={1.1} />
        <courtyardoutline
          outline={[
            { x: -7, y: -5 },
            { x: 7, y: -5 },
            { x: 7, y: 4 },
            { x: 0, y: 7 },
            { x: -7, y: 4 },
          ]}
        />
      </footprint>
    }
  />
</board>
)

Anchor Alignment Examples

The board's anchorAlignment property controls the origin point used for component positioning. These examples show courtyard outlines with different anchor alignments configured.

Center Anchor (Default)

export default () => (
<board width="30mm" height="24mm" anchorAlignment="center">
  <chip
    name="U1"
    pcbX={0}
    pcbY={0}
    footprint={
      <footprint>
        <smtpad shape="rect" width={1.2} height={2} pcbX={-3} pcbY={0} portHints={["1"]} />
        <smtpad shape="rect" width={1.2} height={2} pcbX={3} pcbY={0} portHints={["2"]} />
        <courtyardoutline
          outline={[
            { x: -5, y: -4 },
            { x: 5, y: -4 },
            { x: 5, y: 3 },
            { x: 0, y: 5 },
            { x: -5, y: 3 },
          ]}
        />
      </footprint>
    }
  />
</board>
)

Top-Left Anchor

export default () => (
<board width="30mm" height="24mm" anchorAlignment="top_left">
  <chip
    name="U1"
    pcbX={15}
    pcbY={12}
    footprint={
      <footprint>
        <smtpad shape="rect" width={1.2} height={2} pcbX={-3} pcbY={0} portHints={["1"]} />
        <smtpad shape="rect" width={1.2} height={2} pcbX={3} pcbY={0} portHints={["2"]} />
        <courtyardoutline
          outline={[
            { x: -5, y: -4 },
            { x: 5, y: -4 },
            { x: 5, y: 3 },
            { x: 0, y: 5 },
            { x: -5, y: 3 },
          ]}
        />
      </footprint>
    }
  />
</board>
)

Bottom-Right Anchor

export default () => (
<board width="30mm" height="24mm" anchorAlignment="bottom_right">
  <chip
    name="U1"
    pcbX={-15}
    pcbY={-12}
    footprint={
      <footprint>
        <smtpad shape="rect" width={1.2} height={2} pcbX={-3} pcbY={0} portHints={["1"]} />
        <smtpad shape="rect" width={1.2} height={2} pcbX={3} pcbY={0} portHints={["2"]} />
        <courtyardoutline
          outline={[
            { x: -5, y: -4 },
            { x: 5, y: -4 },
            { x: 5, y: 3 },
            { x: 0, y: 5 },
            { x: -5, y: 3 },
          ]}
        />
      </footprint>
    }
  />
</board>
)