useAnnotator
Access the annotator instance for programmatic control.
React Hooks
Annota provides a comprehensive set of React hooks for building annotation interfaces.
Core Hooks
Section titled “Core Hooks”useAnnotations
Get all annotations as a reactive array.
useAnnotation
Get a specific annotation by ID.
useSelection
Access currently selected annotations.
Tool Hooks
Section titled “Tool Hooks”useTool
Activate and manage annotation tools.
usePushToolCursor
Display push tool radius cursor.
Layer Hooks
Section titled “Layer Hooks”useLayers
Get all layers as a reactive array.
useLayer
Get a specific layer by ID.
useLayerManager
Create, update, and delete layers.
History Hooks
Section titled “History Hooks”useHistory
Access undo/redo functionality.
useCanUndo
Check if undo is available.
useCanRedo
Check if redo is available.
Interaction Hooks
Section titled “Interaction Hooks”useHover
Track hovered annotation.
useEditing
Track annotation being edited.
useViewer
Access OpenSeadragon viewer.
UI Hooks
Section titled “UI Hooks”useContextMenu
Manage context menu state.
useContextMenuBinding
Bind context menu to annotations.
usePopup
Manage popup/tooltip state.
Quick Reference
Section titled “Quick Reference”import { // Core useAnnotator, useAnnotations, useAnnotation, useSelection,
// Tools useTool, usePushToolCursor,
// Layers useLayers, useLayer, useLayerManager,
// History useHistory, useCanUndo, useCanRedo,
// Interaction useHover, useEditing, useViewer,
// UI useContextMenu, useContextMenuBinding, usePopup,} from "annota";