> ## Documentation Index
> Fetch the complete documentation index at: https://docs.metabind.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# UnitPoint

> A point in normalized coordinates (0-1) or a named position, used for anchors, gradients, and alignment.

```typescript theme={null}
type UnitPoint =
    | { x: number; y: number }
    | "zero"
    | "center"
    | "top"
    | "bottom"
    | "leading"
    | "trailing"
    | "topLeading"
    | "topTrailing"
    | "bottomLeading"
    | "bottomTrailing";
```

<ParamField path="{ x, y }" type="object">
  A custom point with `x` and `y` values between 0 and 1. `x: 0` is the leading edge, `x: 1` is the trailing edge. `y: 0` is the top, `y: 1` is the bottom.
</ParamField>

<ParamField path="zero" type="string">
  The top-leading corner. Equivalent to `{ x: 0, y: 0 }`.
</ParamField>

<ParamField path="center" type="string">
  The center point. Equivalent to `{ x: 0.5, y: 0.5 }`.
</ParamField>

<ParamField path="top" type="string">
  Center of the top edge. Equivalent to `{ x: 0.5, y: 0 }`.
</ParamField>

<ParamField path="bottom" type="string">
  Center of the bottom edge. Equivalent to `{ x: 0.5, y: 1 }`.
</ParamField>

<ParamField path="leading" type="string">
  Center of the leading edge. Equivalent to `{ x: 0, y: 0.5 }`.
</ParamField>

<ParamField path="trailing" type="string">
  Center of the trailing edge. Equivalent to `{ x: 1, y: 0.5 }`.
</ParamField>

<ParamField path="topLeading" type="string">
  The top-leading corner. Equivalent to `{ x: 0, y: 0 }`.
</ParamField>

<ParamField path="topTrailing" type="string">
  The top-trailing corner. Equivalent to `{ x: 1, y: 0 }`.
</ParamField>

<ParamField path="bottomLeading" type="string">
  The bottom-leading corner. Equivalent to `{ x: 0, y: 1 }`.
</ParamField>

<ParamField path="bottomTrailing" type="string">
  The bottom-trailing corner. Equivalent to `{ x: 1, y: 1 }`.
</ParamField>