Image

Utility component can be used to display an image and control its size and shape.

Import

import { Image } from '@vortex-kit/vortex';
import type { ImageProps } from '@vortex-kit/vortex';

Display

<Image src='./image.webp' alt='Image' />

Allied components

Avatar AvatarGroup

Image

Prop	Type	Default
`src`	`string`	No default value
`alt`	`string`	No default value
`width`	`union`	No default value
`height`	`union`	No default value
`borderRadius`	`union`	No default value
`objectFit`	`union`	`cover`
`fallback`	`union`	No default value
`onLoad`	`function`	No default value
`onError`	`function`	No default value
`className`	`union`	No default value
`imageSlot`	`function`	No default value
`attributes`	`object`	No default value
`imageAttributes`	`object`	No default value

Image Utility Props — Vortex Design System