> ## Documentation Index
> Fetch the complete documentation index at: https://velt-codex-ui-customization-guide-refresh.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Video Editor
> Video editor component.
We recommend that you familiarize yourselves with [UI Customization Concepts](/ui-customization/overview) before attempting to modify any components.
## Overview
```jsx theme={null}
```
```html theme={null}
```
### Title
```jsx theme={null}
```
```html theme={null}
```
### ApplyButton
```jsx theme={null}
```
```html theme={null}
```
#### Loading
```jsx theme={null}
```
```html theme={null}
```
### RetakeButton
```jsx theme={null}
```
```html theme={null}
```
### DownloadButton
```jsx theme={null}
```
```html theme={null}
```
### CloseButton
```jsx theme={null}
```
```html theme={null}
```
### Preview
```jsx theme={null}
```
```html theme={null}
```
#### Loading
```jsx theme={null}
```
```html theme={null}
```
#### Video
```jsx theme={null}
```
```html theme={null}
```
### ToggleButton
**Template Variables:**
| Variable | Description |
| ---------------------- | ---------------------------------------------------------------------- |
| `isPlayingTrimPreview` | This is true when the video is playing in the preview else it is false |
```jsx theme={null}
```
```html theme={null}
```
### Time
```jsx theme={null}
```
```html theme={null}
```
#### CurrentTime
```jsx theme={null}
```
```html theme={null}
```
#### TotalTime
```jsx theme={null}
```
```html theme={null}
```
### SplitButton
```jsx theme={null}
```
```html theme={null}
```
#### CurrentTime
```jsx theme={null}
```
```html theme={null}
```
### DeleteButton
```jsx theme={null}
```
```html theme={null}
```
### AddZoomButton
```jsx theme={null}
```
```html theme={null}
```
### Timeline
```jsx theme={null}
```
```html theme={null}
```
#### BackspaceHint
```jsx theme={null}
```
```html theme={null}
```
#### Onboarding
```jsx theme={null}
```
```html theme={null}
```
##### **Content**
```jsx theme={null}
```
```html theme={null}
```
##### **Text**
```jsx theme={null}
```
```html theme={null}
```
###### **Title**
```jsx theme={null}
```
```html theme={null}
```
###### **Description**
```jsx theme={null}
```
```html theme={null}
```
##### **Arrow**
```jsx theme={null}
```
```html theme={null}
```
#### Container
```jsx theme={null}
```
```html theme={null}
```
##### **Playhead**
```jsx theme={null}
```
```html theme={null}
```
###### **Line**
```jsx theme={null}
```
```html theme={null}
```
###### **Actions**
```jsx theme={null}
```
```html theme={null}
```
##### **Trim**
```jsx theme={null}
```
```html theme={null}
```
##### **Scale**
```jsx theme={null}
```
```html theme={null}
```
###### **ZoomButton**
```jsx theme={null}
```
```html theme={null}
```
###### **Trigger**
```jsx theme={null}
```
```html theme={null}
```
###### **Options**
```jsx theme={null}
```
```html theme={null}
```
###### **List**
```jsx theme={null}
```
```html theme={null}
```
###### **Item**
```jsx theme={null}
```
```html theme={null}
```
###### **Input**
```jsx theme={null}
```
```html theme={null}
```
#### Marker
```jsx theme={null}
```
```html theme={null}
```