Image

Use this component to display an image resource.

When to Use

Attribute	Description	Type	Default
`alt`	Placeholder text shown when the image fails to load.	`string`	`'Image 404'`
`autuHeight`	Adaptive height.	`boolean`	`false`
`autuWidth`	Adaptive width.	`boolean`	`false`
`fit`	Image display mode. `cover`: crop to fit the container; `contain`: preserve the aspect ratio with padding; `fill`: stretch to fit the container.	`'cover' \| 'contain' \| 'fill'`	`'cover'`
`height`	Image height.	`number`	`200`
`preview`	Whether to enable image preview.	`boolean`	`false`
`round`	Image corner radius, in px.	`'16' \| '8' \| '4' \| '0' \| 'Custom'`	`'0'`
`roundRadius`	Custom corner radius. Takes effect only when the round attribute is set to `'Custom'`.	`number`	`0`
`src`	Image URL.	`string`	-
`title`	Image title. Sets the native HTML `title` attribute, which appears on mouse hover.	`string`	-
`width`	Image width.	`number`	`350`