TransitionsPanel

The TransitionsPanel displays available transitions (cross dissolves, wipes, etc.) and allows applying them between adjacent clips on the timeline.

Live Example

Usage

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

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

Props

Context Requirement

TransitionsPanel must be inside a TimelineProvider. It reads clip adjacency data from the engine context to determine where transitions can be applied.