@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.
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
9 months ago
9 months ago
10 months ago
1 year ago
1 year ago
11 months ago
11 months ago
1 year ago
11 months ago
12 months ago
11 months ago
11 months ago
1 year ago
1 year ago
2 years ago