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.