KeyframeTangentInteractionLayerProps API

Signature

Interface KeyframeTangentInteractionLayerProps

Properties

Name	Signature	Description
`collapsedTrackHeight?`	`collapsedTrackHeight?: number`	Collapsed track height in pixels.
`edgeThreshold?`	`edgeThreshold?: number`	Mouse/pen edge hit threshold in pixels.
`getTangentHandleAriaLabel?`	`(handle: TimelineKeyframeTangentHandleHitTestResult): string`	Optional accessible label formatter for a canvas-rendered tangent handle.
`hitPadding?`	`hitPadding?: number`	Invisible pointer padding in CSS pixels added around each Bezier handle. Presses inside the padded area target the tangent handle instead of falling through to lower interaction layers such as the clip layer. Defaults to 8.
`keyframeSize?`	`keyframeSize?: number`	Keyframe affordance square size in CSS pixels.
`keyframeValuePadding?`	`keyframeValuePadding?: number`	Vertical padding used when mapping keyframe values into a clip row.
`onTangentHandleDoubleClick?`	`(handle: TimelineKeyframeTangentHandle, details: KeyframeTangentHandleDoubleClickDetails): void`	Optional handler for double-click or double-tap gestures on tangent handles.
`overscanPixels?`	`overscanPixels?: number`	Extra pixels around the viewport included in visible segment queries.
`property`	`property: string`	Keyframe property to render and hit-test.
`rulerHeight?`	`rulerHeight?: number`	Height of the top ruler region in pixels.
`selectedClipOnly?`	`selectedClipOnly?: boolean`	Only render tangent handles owned by selected clips. Defaults to true.
`selectedKeyframeOnly?`	`selectedKeyframeOnly?: boolean`	Only render tangent handles touching selected keyframes. Defaults to true.
`tangentHandleSize?`	`tangentHandleSize?: number`	Bezier control handle square size in CSS pixels.
`touchEdgeThreshold?`	`touchEdgeThreshold?: number`	Touch edge hit threshold in pixels.
`trackHeight?`	`trackHeight?: number`	Default expanded track height in pixels.