Skip to main content

default

@fovea/annotation-tool

@fovea/annotation-tool / components/annotation/InteractiveBoundingBox / default

Function: default()

default(props): null | Element

Defined in: src/components/annotation/InteractiveBoundingBox.tsx:58

Parameters​

props​

InteractiveBoundingBoxProps

Component properties

Returns​

null | Element

SVG group containing bounding box and interaction handles

Component​

InteractiveBoundingBox

Description​

Interactive bounding box component with drag, resize, and keyframe management. Supports keyframe-based animation with interpolation between frames. Provides resize handles for corner and edge manipulation, and displays quick actions panel when active.

Example​

<InteractiveBoundingBox
  annotation={annotation}
  currentFrame={30}
  videoWidth={1920}
  videoHeight={1080}
  isActive={true}
  onSelect={() => handleSelect(annotation.id)}
  mode="keyframe"
/>