RVE LogoReact Video EditorDOCS
React Video Editor Documentation

Editor Header

The editor header component for React Video Editor

Editor Header

The Editor Header component provides a top navigation bar for the React Video Editor.

Overview

The Editor Header includes common controls like play/pause, timeline navigation, and menu options.

Usage

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

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

Props

PropTypeDefaultDescription
titlestring''Title displayed in the header
showControlsbooleantrueWhether to show playback controls
showMenubooleantrueWhether to show the menu button
onMenuClick() => voidundefinedCallback when menu is clicked

Features

  • Playback controls (play, pause, stop)
  • Timeline navigation
  • Menu button for additional options
  • Title display
  • Responsive design

Customization

You can customize the Editor Header by passing different props and styling options.

Examples

See the Examples section for practical usage examples.