MarkersPanel

The MarkersPanel allows adding, editing, and removing markers on the timeline. Markers are useful for annotating key moments during editing.

Live Example

Usage

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

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

Props

Context Requirement

MarkersPanel must be inside a TimelineProvider. It reads marker data and the current playhead position from the engine context.