# ShapeContainerMixin
Mixin for nodes that can contain shapes and have styling properties.

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

## ShapeContainerMixin interface

Mixin for nodes that can contain shapes and have styling properties.

**Signature:**

```typescript
interface ShapeContainerMixin
```

## Properties

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

      <th>
        Modifiers
      </th>

      <th>
        Type
      </th>

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

  <tbody>
    <tr>
      <td>
        [fills](/en/creator-api/nodes/shape-container-mixin/fills)
      </td>

      <td>
        `readonly`
      </td>

      <td>
        ReadonlyArray\<[Paint](/en/creator-api/types/paint)>
      </td>

      <td>
        Fill paints applied to shapes in this container
      </td>
    </tr>

    <tr>
      <td>
        [shapes](/en/creator-api/nodes/shape-container-mixin/shapes)
      </td>

      <td>
        `readonly`
      </td>

      <td>
        ReadonlyArray\<[Shape](/en/creator-api/nodes/shape)>
      </td>

      <td>
        Child shapes contained in this container
      </td>
    </tr>

    <tr>
      <td>
        [strokes](/en/creator-api/nodes/shape-container-mixin/strokes)
      </td>

      <td>
        `readonly`
      </td>

      <td>
        ReadonlyArray\<[Stroke](/en/creator-api/nodes/stroke)>
      </td>

      <td>
        Strokes applied to shapes in this container
      </td>
    </tr>

    <tr>
      <td>
        [trimPaths](/en/creator-api/nodes/shape-container-mixin/trim-paths)
      </td>

      <td>
        `readonly`
      </td>

      <td>
        ReadonlyArray\<[TrimPath](/en/creator-api/types/trim-path)>
      </td>

      <td>
        Trim paths applied to shapes in this container
      </td>
    </tr>
  </tbody>
</table>

## Methods

<table>
  <thead>
    <tr>
      <th>
        Method
      </th>

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

  <tbody>
    <tr>
      <td>
        [createEllipse(opts)](/en/creator-api/nodes/shape-container-mixin/create-ellipse)
      </td>

      <td>
        Creates a new ellipse shape in this container
      </td>
    </tr>

    <tr>
      <td>
        [createFill(opts)](/en/creator-api/nodes/shape-container-mixin/create-fill)
      </td>

      <td>
        Adds a fill paint to this container
      </td>
    </tr>

    <tr>
      <td>
        [createGroup(opts)](/en/creator-api/nodes/shape-container-mixin/create-group)
      </td>

      <td>
        Creates a new group containing the specified shapes
      </td>
    </tr>

    <tr>
      <td>
        [createPath(opts)](/en/creator-api/nodes/shape-container-mixin/create-path)
      </td>

      <td>
        Creates a new path shape in this container
      </td>
    </tr>

    <tr>
      <td>
        [createPolygon(opts)](/en/creator-api/nodes/shape-container-mixin/create-polygon)
      </td>

      <td>
        Creates a new polygon shape in this container
      </td>
    </tr>

    <tr>
      <td>
        [createRectangle(opts)](/en/creator-api/nodes/shape-container-mixin/create-rectangle)
      </td>

      <td>
        Creates a new rectangle shape in this container
      </td>
    </tr>

    <tr>
      <td>
        [createStar(opts)](/en/creator-api/nodes/shape-container-mixin/create-star)
      </td>

      <td>
        Creates a new star shape in this container
      </td>
    </tr>

    <tr>
      <td>
        [createStroke(opts)](/en/creator-api/nodes/shape-container-mixin/create-stroke)
      </td>

      <td>
        Adds a stroke to this container
      </td>
    </tr>

    <tr>
      <td>
        [createTrimPath(opts)](/en/creator-api/nodes/shape-container-mixin/create-trim-path)
      </td>

      <td>
        Creates a trim path in this container
      </td>
    </tr>
  </tbody>
</table>