@ta-interaktiv/react-annotated-content/src/types.ts

Component to render annotations above other content

export type ShapeStyle = {
  pattern?: 'crossed' | 'hatched' | 'dotted' | 'none'
  fill?: string
  stroke?: string
  strokeWidth?: number
  patternWidth?: number
  patternSpace?: number
  patternRotation?: number
  cornerRadius?: number
}

export type ConnectorSpecs = {
  type?: 'straight' | 'curved'
  direction?: 'cw' | 'ccw'
  width?: number
  markerSize?: number
  stroke?: string
  strokeWidth?: number | string
  strokeOpacity?: number // 0 to 1
  strokeLinecap?: 'butt' | 'round' | 'square'
  strokeLinejoin?: 'miter' | 'round' | 'bevel'
  strokeMiterlimit?: number
  strokeDasharray?: string | number | undefined
  strokeDashoffset?: number | string
}

export type Direction =
  | 'center'
  | 'top'
  | 'top-right'
  | 'right'
  | 'bottom-right'
  | 'bottom'
  | 'bottom-left'
  | 'left'
  | 'top-left'