Interface ActiveThumbnailOptions

CSS class applied to the origin thumbnail for whichever slide is currently active. Default 'shoji-thumb-active' — Shoji ships no default styling for this class itself (the host's own thumbnail markup, or the layout plugin's tiles, define what "active" looks like); see highlight below for Shoji's own opt-in styling.

Scrolls the active thumbnail into view (block: 'nearest') whenever it changes. Default true.

Opt-in: also adds a second, fixed (non-renameable) class that Shoji ships real CSS for — a borderColor outline around the active thumbnail — instead of leaving 100% of the visual highlight to the host. Default false.

Only visible when highlight: true. Sets --shoji-active-thumbnail-border-color on the active element. Default 'blue'.

Only meaningful when highlight: true. Milliseconds after close() (i.e. after the highlight actually becomes visible, not from when the slide became active) to fade it out. Default undefined — persists indefinitely, moving only when a different slide becomes active. Does not touch activeClass, only the built-in highlight styling.

Only meaningful when highlight: true and highlightDuration is set — otherwise nothing ever fades, so this has no visible effect. How long the fade-to-transparent transition itself takes, in milliseconds, once highlightDuration elapses. Default 800. Reported directly as "fades too fast" against the shared --shoji-duration (300ms, tuned for ordinary UI transitions, not a deliberately slow fade) this used to reuse.