1.0.0-rc.9 ā¢ Published 3 years ago
@hackr/chakra-ui-image v1.0.0-rc.9
@hackr/chakra-ui-image
The Image component is used to display images.
Installation
yarn add @hackr/chakra-ui-image
Import component
import { Image } from "@hackr/chakra-ui-image"
Basic Usage
import React from 'react'
import { Image } from '@hackr/chakra-ui-image'
ā
const Example = () => (
<Image src="photo.png" fallbackSrc="placeholdit.com/200x200" alt="A Placeholder Image" />
)
Fallback support
You can provide a fallback image for when there is an error loading the src
of
the image. You can also opt out of this behavior by passing the ignoreFallback
prop.
<Image
src="photo.png"
fallbackSrc="placeholdit.com/200x200"
alt="A Placeholder Image"
/>
1.0.0-rc-.42
3 years ago
1.0.0-rc.9
3 years ago