# RadialGradientPaintOptions
Options for creating a radial gradient paint. If start/end are not provided, start defaults to the center of the shape bounds and end defaults to the right edge of the bounds, both vertically centered.

{/* Do not edit this file. It is automatically generated by API Documenter. */}

## RadialGradientPaintOptions interface

Options for creating a radial gradient paint. If start/end are not provided, start defaults to the center of the shape bounds and end defaults to the right edge of the bounds, both vertically centered.

**Signature:**

```typescript
interface RadialGradientPaintOptions
```

## Example

```ts
// Create a radial gradient with defined start and end positions
group.createFill({
  type: "GRADIENT_RADIAL",
  start: { x: 100, y: 100 },
  end: { x: 200, y: 100 },
  highlightAngle: 45,
  highlightLength: 50,
  stops: [
    { color: { r: 255, g: 255, b: 255 }, offset: 0, opacity: 1 },
    { color: { r: 0, g: 0, b: 0 }, offset: 1, opacity: 1 },
  ],
});

// Create a radial gradient with defaults
group.createFill({
  type: "GRADIENT_RADIAL",
  stops: [
    { color: { r: 255, g: 255, b: 255 }, offset: 0, opacity: 1 },
    { color: { r: 0, g: 0, b: 0 }, offset: 1, opacity: 1 },
  ],
});
```

## Properties

<table>
  <thead>
    <tr>
      <th>
        Property
      </th>

      <th>
        Modifiers
      </th>

      <th>
        Type
      </th>

      <th>
        Description
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        [end?](/en/creator-api/types/radial-gradient-paint-options/end)
      </td>

      <td />

      <td>
        [Vector](/en/creator-api/values/vector)
      </td>

      <td>
        _(Optional)_ The end point of the gradient. If not provided, defaults to the right edge of the shape bounds, vertically centered.
      </td>
    </tr>

    <tr>
      <td>
        [highlightAngle?](/en/creator-api/types/radial-gradient-paint-options/highlight-angle)
      </td>

      <td />

      <td>
        number
      </td>

      <td>
        _(Optional)_ The angle of the highlight/focal point. Defaults to 0.
      </td>
    </tr>

    <tr>
      <td>
        [highlightLength?](/en/creator-api/types/radial-gradient-paint-options/highlight-length)
      </td>

      <td />

      <td>
        number
      </td>

      <td>
        _(Optional)_ The length of the highlight/focal point from the center (-100 to 100). Defaults to 0.
      </td>
    </tr>

    <tr>
      <td>
        [start?](/en/creator-api/types/radial-gradient-paint-options/start)
      </td>

      <td />

      <td>
        [Vector](/en/creator-api/values/vector)
      </td>

      <td>
        _(Optional)_ The start point of the gradient. If not provided, defaults to the center of the shape bounds, vertically centered.
      </td>
    </tr>

    <tr>
      <td>
        [stops](/en/creator-api/types/radial-gradient-paint-options/stops)
      </td>

      <td />

      <td>
        [ColorStops](/en/creator-api/values/color-stops)
      </td>

      <td>
        Array of color stops defining the gradient
      </td>
    </tr>

    <tr>
      <td>
        [type](/en/creator-api/types/radial-gradient-paint-options/type)
      </td>

      <td />

      <td>
        "GRADIENT\_RADIAL"
      </td>

      <td />
    </tr>
  </tbody>
</table>