> ## Documentation Index
> Fetch the complete documentation index at: https://rive-migrating-to-data-binding-fixes.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit Vertices

> No matter the type of vector you create, you can edit the vertices by changing their position or handles in both design and animate mode.

export const YouTube = ({id, timestamp}) => {
  const videoSrc = timestamp ? `https://www.youtube.com/embed/${id}?start=${timestamp}` : `https://www.youtube.com/embed/${id}`;
  return <iframe width="100%" height="400" src={videoSrc} title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowFullScreen />;
};

## Edit Vertices mode

To enter Edit Vertices mode, either select the shape and hit enter twice or select a path and hit enter once.

<img src="https://mintcdn.com/rive-migrating-to-data-binding-fixes/wVZ3tJ52aImnuaKT/images/EVM.gif?s=332e092050e1193cfa31297f39cc0237" alt="EVM" width="800" height="458" data-path="images/EVM.gif" />

After activating Edit Vertices mode, you can select any vertex, reposition it, and edit the bezier handles.

<Tip>
  Use [Deep Select](/editor/interface-overview/selection-and-navigation#deep-select) to select a specific path inside nested groups on the stage.
</Tip>

### Path Options

Each path in Edit Vertices mode has a set of path options at the top of the Inspector.

**Done Editing Button**

The Done Editing button can be used to exit Edit Vertices Mode.

<img src="https://mintcdn.com/rive-migrating-to-data-binding-fixes/wVZ3tJ52aImnuaKT/images/DoneEdit.png?fit=max&auto=format&n=wVZ3tJ52aImnuaKT&q=85&s=229c3944d2590c60ba8394cf0da292cd" alt="Done Edit" width="2808" height="1606" data-path="images/DoneEdit.png" />

**Open Path**

The Open Path button will disconnect the last vertex from the first vertex.

<img src="https://mintcdn.com/rive-migrating-to-data-binding-fixes/wVZ3tJ52aImnuaKT/images/OpenPath.png?fit=max&auto=format&n=wVZ3tJ52aImnuaKT&q=85&s=5785ca0daae6f22cc6d47ca09b994793" alt="Open Path" width="2808" height="1606" data-path="images/OpenPath.png" />

**Reverse Direction**

<YouTube id="zp2NNsSTfO8" />

The Reverse Direction button can be used to reverse the direction of the path. Depending on the Fill-Rule, this can eliminate holes in our shape by changing the mathematical value of the selected path.

**Convert Radial Corners**

Straight vertices with a corner radius will deform when the scale transform is applied to the shape or path layer. You can convert radial corners from a procedural property to a defined set of vertices. This process will eliminate deformation of the corner.

<img src="https://mintcdn.com/rive-migrating-to-data-binding-fixes/wVZ3tJ52aImnuaKT/images/convert.gif?s=a1b9c64e74a917b7fcfaffdad769fd75" alt="Convert" width="800" height="458" data-path="images/convert.gif" />

## Bezier Handles

**‌Straight**

‌The default handles are set to straight, which creates straight edges between vertices.

<img src="https://mintcdn.com/rive-migrating-to-data-binding-fixes/wVZ3tJ52aImnuaKT/images/Straight.png?fit=max&auto=format&n=wVZ3tJ52aImnuaKT&q=85&s=811845f1b6c3307d01926fcb8caed3bb" alt="Straight" width="2808" height="1606" data-path="images/Straight.png" />

**Corner Radius**

The Corner Radius property allows you to round straight corners. This property only appears on vertices that are set to straight.

**‌Mirrored**

‌Mirrored is the default handle when you create a vertex by clicking and dragging. These handles always keep the same rotation and length.

<img src="https://mintcdn.com/rive-migrating-to-data-binding-fixes/1DBFcm-MlxOoaJOl/images/mirriored.gif?s=36a160acb7c1283b39584cc81812e89c" alt="Mirrored" width="800" height="458" data-path="images/mirriored.gif" />

**‌Detached‌**

Detached handles allow each handle to have its own rotation and length.

<img src="https://mintcdn.com/rive-migrating-to-data-binding-fixes/wVZ3tJ52aImnuaKT/images/detached.gif?s=b2eea5217b1d9f0cfd31b6f220c8a1bd" alt="Detached" width="800" height="459" data-path="images/detached.gif" />

**‌Asymmetric**

‌Asymmetric handles share the same rotation but can have lengths independently of each other.

<img src="https://mintcdn.com/rive-migrating-to-data-binding-fixes/wVZ3tJ52aImnuaKT/images/asem.gif?s=ccf7dffecb9ef67e087b5895690eb23c" alt="‌Asymmetric" width="800" height="459" data-path="images/asem.gif" />
