Interface: CommentStyle

Style configuration for Comment annotations

Extends

• TextStyle

Properties

autoGrow?

optional autoGrow: boolean;

Auto-grow height with content (default: true)

---

background?

optional background: string;

background color: empty for transparent #f00, yellow...

borderRadius?

optional borderRadius: number;

Text box border radius

boxShadow?

optional boxShadow: string;

box shadow in CSS format, e.g. "0px 4px 6px rgba(0, 0, 0, 0.1)"

collapseZoomThreshold?

optional collapseZoomThreshold: number;

Zoom threshold below which comment auto-collapses (default: 0.5)

---

color?

optional color: string;

text color: #f00, yellow...

connectorMode?

optional connectorMode: "rigid" | "elastic";

Connector-line behavior when the attachment point moves (default: "rigid").

• "rigid": the comment translates by the same offset as the moved attachment point — the arrow keeps its length/angle, whole callout moves.
• "elastic": the comment stays put; the arrow re-anchors to the nearest point on the comment box, so the line can stretch/rotate.

---

expandOnSelect?

optional expandOnSelect: boolean;

Expand to full width when selected (default: false)

---

fixedSize?

optional fixedSize: boolean;

When true, text maintains constant size regardless of zoom level

font?

optional font: string;

Helvetica, sans-serif...

fontSize?

optional fontSize: string | number;

Font size, in pixels

iconBorderColor?

optional iconBorderColor: string;

Border color for collapsed icon

---

iconBorderWidth?

optional iconBorderWidth: number;

Border width for collapsed icon

---

iconColor?

optional iconColor: string;

Background color for collapsed icon (default: "#FFD700")

---

iconSize?

optional iconSize: number;

Size when collapsed (default: 32px)

---

iconSymbol?

optional iconSymbol: string;

Icon to display when collapsed (default: "💬")

---

maxHeight?

optional maxHeight: number;

Maximum height before scrolling (default: 480px, undefined = no limit)

---

minHeight?

optional minHeight: number;

Minimum height (default: 60px)

---

padding?

optional padding: number;

padding around the text

placeholder?

optional placeholder: string;

Ghost text shown (via the textarea's native placeholder attribute) while content is empty - disappears the instant the user types, no selection/focus tricks needed. Overrides the global ControllerOptions.textPlaceholder for this annotation.

scaled?

optional scaled: boolean;

if true, the box scales with zoom. Default is true

shadow?

optional shadow: boolean;

Show drop shadow on comment box (default: true)

---

showSendButton?

optional showSendButton: boolean;

Show "send" button in edit mode (default: true)

---

strokeColor?

optional strokeColor: string;

Stroke color: #f00, yellow...

strokeType?

optional strokeType: StrokeType;

Type of stroke: plain, dashed, or none

strokeWidth?

optional strokeWidth: number;

Stroke width