@contentful/f36-image v4.74.1
title: 'Image' type: 'component' status: 'alpha' slug: /components/image/ github: 'https://github.com/contentful/forma-36/tree/main/packages/components/image' storybook: 'https://f36-storybook.contentful.com/?path=/story/components-image--overview'
typescript: ./src/Image.tsx
Image component that can handle showing a loading skeleton while the image is loading.
Import
import { Image } from '@contentful/f36-image';
Examples
Basic example
Without a src
The image component will render a loading skeleton matching the dimensions of the image if no src
prop is passed.
Props (API reference)
Accessibility
Make sure you pass the required alt
prop.
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
2 years ago