Skip to main content

Interface: LifelineOptions

Configuration options for vertical dashed lifeline timelines.

Extends​

Properties​

PropertyTypeDescription
align?Align-
blur?numberBlur in virtual pixels (default: 0).
brightness?numberBrightness multiplier (default: 1).
className?string-
color?stringStroke color of the dashed line (default: "rgba(148, 163, 184, 0.7)").
customPositioned?booleanWhether this element manages its own CSS transform / positioning (disables stage translate3d).
enterDelay?numberDelay in seconds before entering scene transition begins.
enterDuration?numberDuration in seconds for entering scene transition.
exitDelay?numberDelay in seconds before exiting scene transition begins.
exitDuration?numberDuration in seconds for exiting scene transition.
height?numberVertical length of the dashed line in stage units (default: 42). Automatically extends when activations exceed length.
id?string-
onActivate?() => void-
onDeactivate?() => void-
onMount?() => void-
onUnmount?() => void-
opacity?numberWhole-element opacity from 0 to 1 (default: 1).
origin?ElementAnchorWhich point of the element sits on its coordinate (default: "top-left").
position?Position-
rotation?numberRotation in degrees (default: 0).
scale?numberScale multiplier (default: 1).
size?SizeBoth dimensions in stage units or CSS length (default: unset).
style?Properties<0 | string & object, string & object>-
theme?Partial<ThemeConfig>-
width?SizeWidth in stage units or CSS length (default: content size).
x?PositionCoordHorizontal position in stage units (default: 0).
y?PositionCoordVertical position in stage units (default: 0).