Image

Manage lazy pictures and normal pictures.

Default

The default image format used in most cases. Skeletonless look with lazy loading.

import Image from '@/components/image';

<Image src="http://placeimg.com/1000/500/arch" />

Stardart

Standard image html element, without lazy loading.

import Image from '@/components/image';

<Image src="http://placeimg.com/1000/500/nature" lazyload={false} />

With Skeleton

When attributes such as length and height are given for the image, it automatically works with the skeleton.

import Image from '@/components/image';

<Image src="http://placeimg.com/1000/500/tech" width={1000} height={500} />