Image

Example

		<ImageContainer src="/image.jpg" alt="Alt tag" />

<ImageContainer src="/image.jpg" alt="Alt tag" useThemeColor showNormalOnHover />

An image component with optional theme color overlay and blur effects.

Property Type Description

src

string

The image source URL. Default: —

alt required

string

Alt text for the image.

useThemeColor

boolean

Whether to apply a theme color overlay to the image. Default: false

blur

boolean

Whether to apply a blur loading effect. Default: true

showNormalOnHover

boolean

When useThemeColor is true, shows the original image on hover. Default: false

containerClasses

string

Additional CSS classes for the image container. Default: —

class

string

Additional CSS classes for the image element. Default: —

ref $bindable

HTMLImageElement

The underlying image DOM element. Default: —

Property

src

alt

useThemeColor

blur

showNormalOnHover

containerClasses

class

ref