Image

The Image UI element supports displaying static images, animated images, and videos within the Floating UI.

Supported formats:

• Animated: Lottie, GIF, MP4

• Static: PNG, JPG, SVG

• Figma frames: Figma frames import

Playback control of animated files and videos within the Floating UI can be managed through interactions - Animated texture

Layout

• W — Defines the width of the Image element.

• H — Defines the height of the Image element.

• Fixed — Sets a fixed size in pixels.

• Fill — Adjusts the size based on the parent element (Floating UI or Container).

• Padding — Sets vertical and horizontal padding within the Image element.

• Corner radius — Defines the rounding radius of the Image element.

Stroke

• Thickness — Defines the stroke thickness of the Image.

• Default color — Sets the default stroke color (if disabled, the stroke will be transparent).

• Hover color — Changes the stroke color on hover.