@nature-ui/image
TypeScript icon, indicating that this package has built-in type declarations

2.2.13 • Public • Published

@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',
        }}
      />
    }
  />
</>

Readme

Keywords

Package Sidebar

Install

npm i @nature-ui/image

Weekly Downloads

4

Version

2.2.13

License

MIT

Unpacked Size

403 kB

Total Files

18

Last publish

Collaborators

  • dnature