Interface: ImageOptions
Configuration options for the Image component.
Extends
Properties
| Property | Type | Description |
|---|---|---|
align? | Align | - |
alt? | string | Accessible text description. |
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. |
fit? | ImageFit | Object sizing fit: "contain" (default) |
height? | Size | Height in stage units or CSS length (default: content size). |
id? | string | - |
onActivate? | () => void | - |
onDeactivate? | () => void | - |
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 | - |
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). |
src? | string | Image source URL or path (optional if passed as first argument). |
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). |