StatusBar

The StatusBar displays the current playhead position, frame rate, timeline duration, and playback state in a compact bar at the bottom of the editor.

Live Example

Usage

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

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

Props

Context Requirement

StatusBar must be inside a TimelineProvider. It reads the current frame, playback status, and timeline metadata from the engine context.