Interface

UseTimelineViewportRangeControlResult

State and control props for rendering a timeline viewport scrollbar.

Signature

Type Definition
Interface UseTimelineViewportRangeControlResult

Properties

NameSignatureDescription
endValueTextendValueText: stringFormatted visible end time.
onValueChange(value: RangeScrollbarValue, details: RangeScrollbarValueChangeDetails): voidHandles controlled range changes by panning or zooming the timeline engine.
rangerange: UseRangeScrollbarResultGeneric range scrollbar state derived from timeline viewport state.
rootPropsrootProps: TimelineViewportRangeControlRootPropsProps that wire `RangeScrollbar.Root` to timeline scroll and zoom state.
scrollLeftscrollLeft: numberCurrent horizontal timeline scroll offset in pixels.
startValueTextstartValueText: stringFormatted visible start time.
totalDurationSecondstotalDurationSeconds: numberFull timeline duration represented by the scrollbar domain, in seconds.
valueTextvalueText: stringFormatted visible range and duration.
viewDurationSecondsviewDurationSeconds: numberVisible viewport duration in seconds.
viewEndSecondsviewEndSeconds: numberVisible viewport end time in seconds.
viewportWidthviewportWidth: numberMeasured timeline viewport width in pixels.
viewStartSecondsviewStartSeconds: numberVisible viewport start time in seconds.
zoomScalezoomScale: numberCurrent timeline zoom scale in pixels per second.