Canvas Timeline
Function

useTimelineClips

Reads clip collection state without subscribing to viewport or playback updates. Compose `useTimelineSelection` for selection, geometry hooks for reactive rectangles, and `useTimelineEngine().media` for imperative source-time mapping.

Signature

Type Definition
useTimelineClips(): UseTimelineClipsResult

Returns

UseTimelineClipsResult

Clip entries, current lookups, capabilities, and presentation commands.

Examples

tsx Example
import { useTimelineClips, useTimelineSelection } from '@techsquidtv/canvas-timeline-react';
export function ClipLabelEditor() {
  const { selectedClip } = useTimelineSelection();
  const { updateClip } = useTimelineClips();
  return selectedClip ? <input value={selectedClip.label ?? ''}
    onChange={event => updateClip(selectedClip.id, { label: event.target.value })} /> : null;
}