KeyframesPanel

The KeyframesPanel provides a keyframe editor for animating clip properties over time. It displays a curve editor for the selected clip's keyframes.

Live Example

Usage

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

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

Props

Context Requirement

KeyframesPanel must be inside a TimelineProvider. It reads keyframe data from the selected clip in the engine context. When no clip is selected, it displays a prompt to select one.