EffectsPanel

The EffectsPanel allows adding, removing, and toggling effects on the selected clip.

Live Example

Usage

import { EffectsPanel, TimelineProvider } from '@timelinx/ui';

function App() {
  return (
    <TimelineProvider engine={engine}>
      <EffectsPanel />
    </TimelineProvider>
  );
}

Props

Context Requirement

EffectsPanel must be inside a TimelineProvider. It reads selected clip IDs and clip effects from the engine context. When no clip is selected, it displays "Select a clip to view its effects."