# ShapeMixin
A mixin to provide common shape properties and methods.

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

## ShapeMixin interface

A mixin to provide common shape properties and methods.

**Signature:**

```typescript
interface ShapeMixin extends BaseNodeMixin
```

**Extends:** [BaseNodeMixin](/en/creator-api/nodes/base-node-mixin)

## Properties

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

      <th>
        Modifiers
      </th>

      <th>
        Type
      </th>

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

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

      <td>
        `readonly`
      </td>

      <td>
        [Parent](/en/creator-api/types/parent)\<[Shape](/en/creator-api/nodes/shape)> | undefined
      </td>

      <td>
        _(Optional)_ The parent of this shape
      </td>
    </tr>
  </tbody>
</table>

## Methods

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

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

  <tbody>
    <tr>
      <td>
        [toPathData(frame)](/en/creator-api/nodes/shape-mixin/to-path-data)
      </td>

      <td>
        Returns a path data representation of this shape.
      </td>
    </tr>

    <tr>
      <td>
        [moveBefore(sibling)](/en/creator-api/nodes/shape-mixin/move-before)
      </td>

      <td>
        Moves this shape immediately before the given sibling in render order. May reparent the shape if the sibling has a different parent.
      </td>
    </tr>

    <tr>
      <td>
        [moveAfter(sibling)](/en/creator-api/nodes/shape-mixin/move-after)
      </td>

      <td>
        Moves this shape immediately after the given sibling in render order. May reparent the shape if the sibling has a different parent.
      </td>
    </tr>

    <tr>
      <td>
        [bringToFront()](/en/creator-api/nodes/shape-mixin/bring-to-front)
      </td>

      <td>
        Moves this shape to the top of its parent's render stack.
      </td>
    </tr>

    <tr>
      <td>
        [sendToBack()](/en/creator-api/nodes/shape-mixin/send-to-back)
      </td>

      <td>
        Moves this shape to the bottom of its parent's render stack.
      </td>
    </tr>
  </tbody>
</table>