DropZone
Drop target indicator for clip placement
DropZone renders a visual drop target at a specific frame position. Shows a timecode label and highlights where a clip will be inserted on drop.
Live Example
Loading...
Usage
import { DropZone } from '@timelinx/ui';
<DropZone frame={450} ppf={4} totalHeight={200} fps={30} />;Props
Prop
Type
Standalone Component
DropZone is a pure presentational component. It positions itself absolutely based on the frame and ppf values. Wrap it in a position: relative container so the drop target aligns correctly within your timeline layout.