Skip to main content

Interface: FrameOptions

Configuration options for the Frame clipping component.

Extends​

Properties​

PropertyTypeDescription
align?Align-
background?stringOptional background fill color.
blur?numberBlur in virtual pixels (default: 0).
borderColor?stringOptional border outline color.
brightness?numberBrightness multiplier (default: 1).
children?ElementChildOptional child elements or media node.
className?string-
color?stringForeground CSS color (default: component/theme color).
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?SizeHeight in stage units or CSS length (default: content size).
highlighted?booleanGlowing outline highlight (default: false).
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).
strokeWidth?numberBorder stroke outline width in virtual canvas pixels (default: 2 with borderColor, otherwise 0; highlighted minimum: 2).
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).