SnapIndicator

SnapIndicator renders vertical snap lines at specified frame positions. Used during drag operations to indicate alignment points.

Live Example

Usage

import { SnapIndicator } from '@timelinx/ui';

<SnapIndicator
  frames={[100, 300, 600, 900]}
  ppf={4}
  totalHeight={200}
/>

Props

Standalone Component

SnapIndicator is a pure presentational component. It renders a fragment of absolutely-positioned vertical lines - no providers or context required. Wrap it in a position: relative container to position the snap lines correctly.