4.80.4 • Published 5 months ago

@contentful/f36-image v4.80.4

Weekly downloads
-
License
MIT
Repository
github
Last release
5 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.

@contentful/f36-core@contentful/f36-skeleton@contentful/f36-tokensemotion
@everything-registry/sub-chunk-196@contentful/f36-avatar@contentful/f36-components
4.77.5

9 months ago

4.79.2

6 months ago

4.77.4

9 months ago

4.80.1

6 months ago

4.80.0

6 months ago

4.80.3

5 months ago

4.80.2

6 months ago

4.80.4

5 months ago

4.76.0

10 months ago

4.75.1

11 months ago

4.74.2

12 months ago

4.75.0

11 months ago

4.78.0

8 months ago

4.77.1

10 months ago

4.75.3

10 months ago

4.77.0

10 months ago

4.75.2

11 months ago

4.74.3

11 months ago

4.79.1

7 months ago

4.77.3

10 months ago

4.79.0

7 months ago

4.77.2

10 months ago

4.75.4

10 months ago

4.74.1

1 year ago

4.71.0

1 year ago

4.72.0

1 year ago

4.71.1

1 year ago

4.74.0

1 year ago

4.73.0

1 year ago

4.71.2

1 year ago

4.69.1

1 year ago

4.69.2

1 year ago

4.70.0

1 year ago

4.69.0

1 year 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

1 year ago

4.67.1

1 year ago

4.68.1

1 year 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