4.74.1 • Published 10 months ago

@contentful/f36-image v4.74.1

Weekly downloads
-
License
MIT
Repository
github
Last release
10 months ago

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.

4.74.1

10 months ago

4.71.0

10 months ago

4.72.0

10 months ago

4.71.1

10 months ago

4.74.0

10 months ago

4.73.0

10 months ago

4.71.2

10 months ago

4.69.1

11 months ago

4.69.2

11 months ago

4.70.0

11 months ago

4.69.0

11 months ago

4.65.7

1 year ago

4.65.8

1 year ago

4.67.3

1 year ago

4.67.4

1 year ago

4.65.9

1 year ago

4.68.0

12 months ago

4.67.1

1 year ago

4.68.1

12 months ago

4.67.2

1 year ago

4.66.0

1 year ago

4.67.0

1 year ago

4.0.0-alpha.0

2 years ago