Nacho Portmanteau Meltdown

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

    2.0.9 • 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

    320,595

    Version

    2.0.9

    License

    MIT

    Unpacked Size

    17.3 kB

    Total Files

    6

    Last publish

    Collaborators

    • timkolberger
    • segunadebayo
    • _codebender828