Wondering what’s next for npm?Check out our public roadmap! »

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

    1.0.13 • Public • Published

    @chakra-ui/image

    The Image component is used to display images.

    Installation

    yarn add @chakra-ui/image

    Import component

    import { Image } from "@chakra-ui/image"

    Basic Usage

    import React from 'react'
    import { Image } from '@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"
    />

    Install

    npm i @chakra-ui/image

    DownloadsWeekly Downloads

    89,095

    Version

    1.0.13

    License

    MIT

    Unpacked Size

    54.2 kB

    Total Files

    21

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar