2.2.13 ā¢ Published 1 year ago
@nature-ui/image v2.2.13
@nature-ui/image
The Image component is used to display images.
Installation
yarn add @nature-ui/image
Import component
import { Image } from '@nature-ui/image';
Basic Usage
import React from 'react'
import { Image } from '@nature-ui/image'
ā
const Example = () => (
<Image src="photo.png" fallbackSrc="https://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'
/>
<Image
src='https://bit.ly/dan-abramov'
fallback={
<div
style={{
width: 240,
height: 240,
background: 'red',
}}
/>
}
/>
</>
0.0.0-dev-20230409201910
1 year ago
0.0.0-dev-20230301120121
1 year ago
2.2.1
1 year ago
2.2.0
1 year ago
0.0.0-dev-20230410131720
1 year ago
2.2.13
1 year ago
2.2.11
1 year ago
2.2.12
1 year ago
0.0.0-dev-20230410162901
1 year ago
0.0.1
1 year ago
0.0.0
1 year ago
0.0.0-dev-20230409203337
1 year ago
0.0.0-dev-20230409203113
1 year ago
0.0.0-dev-20230411071731
1 year ago
0.0.0-dev-20230301133840
1 year ago
0.0.0-dev-20221217102739
1 year ago
0.0.0-dev-20221225195604
1 year ago
0.0.0-dev-20221225100930
1 year ago
0.0.0-dev-20221218114655
1 year ago
2.0.3-alpha.0
2 years ago
2.0.2
2 years ago
0.0.0-dev-20221025084126
2 years ago
2.0.1
2 years ago
2.0.0
2 years ago
0.0.0-dev-20221025095017
2 years ago
1.4.1
2 years ago
1.4.0
2 years ago
1.3.0
2 years ago
1.2.3
3 years ago
1.2.2
3 years ago
1.2.1
3 years ago
1.2.0
3 years ago
1.1.2
3 years ago
1.1.0
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago
0.2.0
3 years ago
0.1.1-alpha.4
3 years ago
0.1.1-alpha.3
3 years ago
0.1.1-alpha.2
3 years ago
0.1.1-alpha.1
3 years ago
0.1.1-alpha.0
3 years ago