align? | Align | - |
blur? | number | Blur in virtual pixels (default: 0). |
brightness? | number | Brightness multiplier (default: 1). |
className? | string | - |
color? | string | Foreground CSS color (default: component/theme color). |
customPositioned? | boolean | Whether this element manages its own CSS transform / positioning (disables stage translate3d). |
enterDelay? | number | Delay in seconds before entering scene transition begins. |
enterDuration? | number | Duration in seconds for entering scene transition. |
exitDelay? | number | Delay in seconds before exiting scene transition begins. |
exitDuration? | number | Duration in seconds for exiting scene transition. |
height? | Size | Height in stage units or CSS length (default: content size). |
id? | string | - |
onActivate? | () => void | - |
onDeactivate? | () => void | - |
onDraw | (props: Readonly<{ [K in keyof Props]: number }>, node: HTMLElement) => void | Draws initial values, transition frames, and restored snapshots. No independent loop. |
onMount? | () => void | - |
onUnmount? | () => void | - |
opacity? | number | Whole-element opacity from 0 to 1 (default: 1). |
origin? | ElementAnchor | Which point of the element sits on its coordinate (default: "top-left"). |
position? | Position | - |
props | Props & { [K in string | number | symbol as K extends `_${string}` | (keyof DOMElement) ? K : never]: never } | Initial numeric values. Required; no defaults. |
rotation? | number | Rotation in degrees (default: 0). |
scale? | number | Scale multiplier (default: 1). |
size? | Size | Both dimensions in stage units or CSS length (default: unset). |
style? | Properties<0 | string & object, string & object> | - |
theme? | Partial<ThemeConfig> | - |
width? | Size | Width in stage units or CSS length (default: content size). |
x? | PositionCoord | Horizontal position in stage units (default: 0). |
y? | PositionCoord | Vertical position in stage units (default: 0). |