Interface: VideoEditorProps
Props for the VideoEditor component. Defines the configuration options and custom panels for the video editor.
Example
<VideoEditor
leftPanel={<MediaPanel />}
rightPanel={<PropertiesPanel />}
bottomPanel={<EffectsPanel />}
editorConfig={{
videoProps: { width: 1920, height: 1080 },
canvasMode: true
}}
defaultPlayControls={true}
/>
Table of contents
Properties
Properties
leftPanel
• Optional leftPanel: ReactNode
Custom left panel component (e.g., media library)
Defined in
packages/video-editor/src/components/video-editor.tsx:134
rightPanel
• Optional rightPanel: ReactNode
Custom right panel component (e.g., properties inspector)
Defined in
packages/video-editor/src/components/video-editor.tsx:136
bottomPanel
• Optional bottomPanel: ReactNode
Custom bottom panel component (e.g., effects library)
Defined in
packages/video-editor/src/components/video-editor.tsx:138
defaultPlayControls
• Optional defaultPlayControls: boolean
Whether to show default play controls if no custom controls provided
Defined in
packages/video-editor/src/components/video-editor.tsx:140
editorConfig
• editorConfig: VideoEditorConfig
Editor configuration including video properties and mode settings