RVE LogoReact Video EditorDOCS
React Video Editor Documentation

Default Sidebar

The editor header component for React Video Editor

Default Sidebar

The Default Sidebar component provides a standard sidebar interface for the React Video Editor.

Overview

The Default Sidebar is a pre-built sidebar component that includes common video editing tools and controls.

Usage

import { DefaultSidebar } from 'react-video-editor';

function VideoEditor() {
  return (
    <div className="video-editor">
      <DefaultSidebar
        // Add your configuration here
      />
      {/* Other editor components */}
    </div>
  );
}

Props

PropTypeDefaultDescription
toolsTool[][]Array of tools to display in the sidebar
position'left' | 'right''left'Position of the sidebar
collapsedbooleanfalseWhether the sidebar is collapsed

Customization

You can customize the Default Sidebar by passing different tools and configuration options.

Examples

See the Examples section for practical usage examples.