Canvas Timeline
Interface

ClipInteractionLayerProps

Props for the delegated clip interaction layer.

Signature

Type Definition
Interface ClipInteractionLayerProps

Properties

NameSignatureDescription
activeClipFocusVisible?activeClipFocusVisible?: booleanWhether the externally controlled active clip should render focus-visible styling.
activeClipId?activeClipId?: string | nullOptional externally controlled active clip id for the delegated overlay.
activeClipRegion?activeClipRegion?: ClipHitRegionOverlay region used for an externally controlled active clip. Defaults to `body`.
clipNavigationWrap?clipNavigationWrap?: booleanWhether next/previous keyboard navigation wraps. Defaults to `false`.
collapsedTrackHeight?collapsedTrackHeight?: numberCollapsed track height in pixels.
edgeThreshold?edgeThreshold?: numberMouse/pen edge hit threshold in pixels.
getClipAriaDescription?(clip: Clip, track: Track<string>): stringOptional accessible description formatter for a canvas-rendered clip.
getClipAriaLabel?(clip: Clip, track: Track<string>): stringOptional accessible label formatter for a canvas-rendered clip.
keyboardNavigation?keyboardNavigation?: booleanEnables one focusable clip navigator for canvas-rendered clips. The layer handles keyboard input only while focused and never intercepts `Tab`. Defaults to `true`.
onClipDoubleClick?(hit: ClipHitTestResult, details: ClipDoubleClickDetails): voidOptional handler for double-click or double-tap gestures on canvas-rendered clips.
rulerHeight?rulerHeight?: numberHeight of the top ruler region in pixels.
selectOnNavigate?selectOnNavigate?: booleanWhether keyboard navigation also selects clips in the engine. Defaults to `false`.
touchEdgeThreshold?touchEdgeThreshold?: numberTouch edge hit threshold in pixels.
trackHeight?trackHeight?: numberDefault expanded track height in pixels.