useTimelineSelectedTangentMode

useTimelineSelectedTangentMode(tracks, onTracksChange): TimelineSelectedTangentMode

Defined in: src/components/editor/Timeline/TimelineContext.ts:97

Convenience hook for building a tangent-mode toggle UI (the six modes: auto / linear / step / aligned / mirrored / free). Reads the current selection from the Timeline store, exposes the unified mode (or 'mixed'), and applies a chosen mode to every selected keyframe via the caller’s onTracksChange.

Parameters

tracks

readonly TimelineTrack[]

onTracksChange

(next) => void

Returns

TimelineSelectedTangentMode

Example

function TangentBar({ tracks, onTracksChange }) {
  const t = useTimelineSelectedTangentMode(tracks, onTracksChange);
  if (t.current === null) return null;
  return (
    <>
      <button onClick={() => t.set('auto')} aria-pressed={t.current === 'auto'}>auto</button>
      <button onClick={() => t.set('aligned')} aria-pressed={t.current === 'aligned'}>aligned</button>
      …
    </>
  );
}