Skip to main content

Type Alias: ImageHotspotContentObject

ImageHotspotContentObject = object

Defined in: packages/core/src/passages/interactiveMap/types.ts:211

Properties​

active?​

optional active: MaybeCallable<string>

Defined in: packages/core/src/passages/interactiveMap/types.ts:250

Optional image displayed briefly when the hotspot is clicked. Creates visual feedback for the click action. If not provided, the hover or idle image is shown on click.

Example​

active: '/icons/button-pressed.png'
active: '/icons/button-flash.png'

Remarks​

The active state is shown for ~100ms when clicked, then returns to idle/hover.

disabled?​

optional disabled: MaybeCallable<string>

Defined in: packages/core/src/passages/interactiveMap/types.ts:262

Optional image displayed when the hotspot is disabled. If not provided, the idle image is shown with reduced opacity when disabled.

Example​

disabled: '/icons/button-grayed.png'
disabled: '/icons/button-locked.png'

hover?​

optional hover: MaybeCallable<string>

Defined in: packages/core/src/passages/interactiveMap/types.ts:234

Optional image displayed when the hotspot is hovered. If not provided, the idle image is shown on hover.

Example​

hover: '/icons/button-hover.png'
hover: () => `/icons/button-${hoverColor}.png`

idle​

idle: MaybeCallable<string>

Defined in: packages/core/src/passages/interactiveMap/types.ts:222

Image displayed in the default/resting state. Always shown when no other state is active.

Example​

idle: '/icons/button-default.png'
idle: () => `/icons/${currentTheme}/button.png`