> ## Documentation Index
> Fetch the complete documentation index at: https://docs.velt.dev/llms.txt
> Use this file to discover all available pages before exploring further.
# Recorder Tool
> The button to add new recordings.
We recommend that you familiarize yourselves with [UI Customization Concepts](/ui-customization/overview) before attempting to modify any components.
## VeltRecorderAllToolWireframe
```jsx theme={null}
{/* ... Add your content here */}
```
```html theme={null}
```
### VeltRecorderAllToolMenuWireframe
```jsx theme={null}
{/* ... Add your content here */}
{/* ... Add your content here */}
{/* ... Add your content here */}
```
```html theme={null}
```
#### Audio
```jsx theme={null}
{/* ... Add your content here */}
```
```html theme={null}
```
#### Video
```jsx theme={null}
{/* ... Add your content here */}
```
```html theme={null}
```
#### Screen
```jsx theme={null}
{/* ... Add your content here */}
```
```html theme={null}
```
## VeltRecorderAudioToolWireframe
```jsx theme={null}
{/* ... Add your content here */}
```
```html theme={null}
```
## VeltRecorderVideoToolWireframe
```jsx theme={null}
{/* ... Add your content here */}
```
```html theme={null}
```
## VeltRecorderScreenToolWireframe
```jsx theme={null}
{/* ... Add your content here */}
```
```html theme={null}
```
# Styling
## Disable ShadowDOM
* By default, ShadowDOM is used to ensure that your app's CSS does not interfere with the styling of the SDK components.
* Disable the shadow dom to apply your custom CSS to the component.
`Default: true`
```jsx theme={null}
```
```html theme={null}
```
## Dark Mode
`Default: false`
```js theme={null}
```
```html theme={null}
```