0.0.0-dev-2022128214753 • Published 4 years ago

@chakra-ui/image v0.0.0-dev-2022128214753

Weekly downloads
62,973
License
MIT
Repository
github
Last release
4 years ago

@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"
/>
reactprogressivelazyloadingcomponentchakra uiimageloading
@chakra-ui/hooks@chakra-ui/utils
@ssg-ui/core@infinitebrahmanuniverse/nolb-_chak@everything-registry/sub-chunk-164@tggreene/chakra-ui-react@vocdoni/react-componentsbonde-components@ssg-ui/react@nextpy/avatar@packpackman/react586b6e81@bianic-ui/card@bianic-ui/core@chakra-ui/core@chakra-ui/avatar@bandit-network/sdk-react@backlight-dev/used-conclusion-0z17g.brana1991@backlight-dev/used-conclusion-0z17g.design-system-nar-events@backlight-dev/holiday-challenge-vznxr.yogi-kwqb2aka@backlight-dev/instinctive-grocery-7ocrw.yogi-l40d1j1r@backlight-dev/sillyleo.yogi-lcaas95t@backlight-dev/stately.initial@backlight-dev/step-guarantee-8j1xi.yogi-li6te37r@backlight-dev/moonshot.yogi-ktyn94ks@backlight-dev/omgui.testui@backlight-dev/phc.phc-design-system@backlight-dev/free-revenue-5c0la.yogi-l09v7bo7@backlight-dev/serial-one.ds@backlight-dev/serial-one.serialone-ds@backlight-dev/brendon.longterm-communication-7ueyr.yogi-lkdu8npz@backlight-dev/canicacuadrada.canica-design-system@backlight-dev/go-go.my-chakra-ds@backlight-dev/puzzled-crime-kumj0.yogi-ldoycdvc@backlight-dev/puzzled-crime-kumj0.yogi-leilsehu@backlight-dev/deafening-foot-mrs9i.yogi-polcaneli@divriots/starter-yogi@fidesui/react
0.0.0-dev-20230718122336

3 years ago

2.1.0

3 years ago

0.0.0-dev-20230718132637

3 years ago

0.0.0-dev-20230718130742

3 years ago

0.0.0-dev-20230718124717

3 years ago

0.0.0-dev-20230423230056

3 years ago

0.0.0-dev-20230417150059

3 years ago

2.0.16

3 years ago

0.0.0-dev-20230424202839

3 years ago

0.0.0-dev-20230424222806

3 years ago

0.0.0-dev-20230424191827

3 years ago

0.0.0-dev-20230424210540

3 years ago

0.0.0-dev-20230421204125

3 years ago

0.0.0-dev-20230424205150

3 years ago

0.0.0-dev-20230424194913

3 years ago

0.0.0-dev-20230424225650

3 years ago

0.0.0-dev-20230424221053

3 years ago

0.0.0-dev-20230422142907

3 years ago

0.0.0-dev-20230424190033

3 years ago

0.0.0-dev-20230424201223

3 years ago

0.0.0-dev-20230116124502

3 years ago

2.0.15

3 years ago

2.0.14

3 years ago

0.0.0-dev-20230112113621

3 years ago

0.0.0-dev-20230111211417

3 years ago

0.0.0-dev-20230112145104

3 years ago

0.0.0-dev-20230112154520

3 years ago

0.0.0-dev-20230112141201

3 years ago

0.0.0-dev-20230112143332

3 years ago

0.0.0-dev-20230116120206

3 years ago

0.0.0-dev-20230112152756

3 years ago

0.0.0-dev-20230116122157

3 years ago

0.0.0-dev-20221108073543

3 years ago

2.0.13

3 years ago

2.0.12

3 years ago

0.0.0-dev-20221108100218

3 years ago

0.0.0-dev-20221108090938

3 years ago

0.0.0-dev-20221108124603

3 years ago

0.0.0-dev-20221223180742

3 years ago

0.0.0-dev-20221107181117

3 years ago

0.0.0-dev-20221107161407

3 years ago

0.0.0-dev-20221108075029

3 years ago

0.0.0-dev-20221107182607

3 years ago

0.0.0-dev-20221108071844

3 years ago

0.0.0-dev-20221108093520

3 years ago

0.0.0-dev-20221108083411

3 years ago

0.0.0-dev-20220929105632

3 years ago

2.0.11

3 years ago

0.0.0-dev-20220929132459

3 years ago

0.0.0-dev-20220823195046

3 years ago

0.0.0-dev-20220820173639

3 years ago

0.0.0-dev-20220922115811

3 years ago

0.0.0-dev-20220824074122

3 years ago

0.0.0-dev-20220926164115

3 years ago

0.0.0-dev-20220820152257

3 years ago

0.0.0-dev-20220824080240

3 years ago

0.0.0-dev-20220926165450

3 years ago

0.0.0-dev-20220822055339

3 years ago

0.0.0-dev-20220823150801

3 years ago

0.0.0-dev-20220820165925

3 years ago

0.0.0-dev-20220824082222

3 years ago

0.0.0-dev-20220820172220

3 years ago

0.0.0-dev-20220920121057

3 years ago

0.0.0-dev-20220823165602

3 years ago

0.0.0-dev-20220820195548

3 years ago

0.0.0-dev-20220820124231

3 years ago

0.0.0-dev-20220822103611

3 years ago

2.0.10

3 years ago

0.0.0-dev-20220921093814

3 years ago

0.0.0-dev-20220822184448

3 years ago

0.0.0-dev-20220822051456

3 years ago

0.0.0-dev-20220820193723

3 years ago

0.0.0-dev-20220922114557

3 years ago

0.0.0-dev-20220820185458

3 years ago

0.0.0-dev-20220822054045

3 years ago

0.0.0-dev-20220823192757

3 years ago

0.0.0-dev-20220813053727

3 years ago

0.0.0-dev-20220812060931

3 years ago

0.0.0-dev-202261316456

4 years ago

0.0.0-dev-2022520163758

4 years ago

0.0.0-dev-20220813083358

3 years ago

0.0.0-dev-2022515163532

4 years ago

0.0.0-dev-20220813070741

3 years ago

0.0.0-dev-2022520164715

4 years ago

0.0.0-dev-202255105723

4 years ago

0.0.0-dev-2022516151633

4 years ago

0.0.0-dev-202257113310

4 years ago

0.0.0-dev-2022551939

4 years ago

0.0.0-dev-20220810132240

4 years ago

0.0.0-dev-2022659431

4 years ago

0.0.0-dev-20220810122556

4 years ago

0.0.0-dev-2022518113258

4 years ago

0.0.0-dev-20220804194739

4 years ago

0.0.0-dev-20225619634

4 years ago

0.0.0-dev-20220810121727

4 years ago

0.0.0-dev-202255185818

4 years ago

0.0.0-dev-202256151938

4 years ago

0.0.0-dev-20224248516

4 years ago

0.0.0-dev-20220813055957

3 years ago

0.0.0-dev-2022610103716

4 years ago

0.0.0-dev-202242481651

4 years ago

0.0.0-dev-2022516122241

4 years ago

0.0.0-dev-20220811160709

4 years ago

0.0.0-dev-2022520164752

4 years ago

0.0.0-dev-2022612222012

4 years ago

0.0.0-dev-2022610103924

4 years ago

0.0.0-dev-2022520143145

4 years ago

0.0.0-dev-202264144818

4 years ago

0.0.0-dev-2022669710

4 years ago

2.0.3

4 years ago

2.0.2

4 years ago

2.0.5

4 years ago

2.0.4

4 years ago

2.0.7

4 years ago

2.0.6

4 years ago

2.0.9

3 years ago

2.0.8

3 years ago

0.0.0-dev-202261317818

4 years ago

0.0.0-dev-2022511155428

4 years ago

0.0.0-dev-202268165050

4 years ago

0.0.0-dev-202251616831

4 years ago

0.0.0-dev-20220810124358

4 years ago

0.0.0-dev-20220810112922

4 years ago

0.0.0-dev-20220804200605

4 years ago

0.0.0-dev-202256192154

4 years ago

0.0.0-dev-20220811084042

4 years ago

0.0.0-dev-2022659325

4 years ago

0.0.0-dev-2022511155356

4 years ago

0.0.0-dev-20220813052715

3 years ago

0.0.0-dev-20220813051625

3 years ago

0.0.0-dev-202256153840

4 years ago

0.0.0-dev-20224248246

4 years ago

0.0.0-dev-20220813063717

3 years ago

0.0.0-dev-20220805062318

4 years ago

0.0.0-dev-20220804193815

4 years ago

0.0.0-dev-2022511155212

4 years ago

0.0.0-dev-20220804193103

4 years ago

0.0.0-dev-20220811093515

4 years ago

0.0.0-dev-20225517307

4 years ago

0.0.0-dev-2022587541

4 years ago

0.0.0-dev-2022513181240

4 years ago

0.0.0-dev-202257113227

4 years ago

0.0.0-dev-202268163535

4 years ago

0.0.0-dev-202241614743

4 years ago

0.0.0-dev-2022419173934

4 years ago

0.0.0-dev-2022423121615

4 years ago

0.0.0-dev-2022416204849

4 years ago

0.0.0-dev-202241716586

4 years ago

0.0.0-dev-20224239149

4 years ago

2.0.0-next.2

4 years ago

2.0.0-next.3

4 years ago

0.0.0-dev-2022423121532

4 years ago

0.0.0-next-dev-202241614737

4 years ago

0.0.0-dev-2022423113827

4 years ago

0.0.0-dev-2022419174740

4 years ago

0.0.0-dev-202241784047

4 years ago

0.0.0-dev-202242121518

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago

0.0.0-dev-2022419101754

4 years ago

0.0.0-dev-20224205231

4 years ago

0.0.0-dev-2022421153722

4 years ago

0.0.0-dev-202241710959

4 years ago

0.0.0-dev-202241710143

4 years ago

0.0.0-dev-202241794553

4 years ago

0.0.0-dev-2022214171014

4 years ago

0.0.0-dev-202236141416

4 years ago

0.0.0-dev-20223655213

4 years ago

0.0.0-dev-2022214195434

4 years ago

0.0.0-dev-2022215181125

4 years ago

0.0.0-dev-2022215183938

4 years ago

2.0.0-next.0

4 years ago

2.0.0-next.1

4 years ago

0.0.0-dev-2022215182043

4 years ago

0.0.0-dev-202221417436

4 years ago

0.0.0-dev-20223491859

4 years ago

0.0.0-dev-202221417325

4 years ago

0.0.0-dev-2022349957

4 years ago

0.0.0-dev-2022349032

4 years ago

1.1.9

4 years ago

1.1.10

4 years ago

0.0.0-dev-20223614103

4 years ago

0.0.0-dev-2022214195653

4 years ago

0.0.0-dev-202236132312

4 years ago

0.0.0-dev-202236131344

4 years ago

0.0.0-dev-2022349233

4 years ago

0.0.0-dev-20223215463

4 years ago

0.0.0-dev-2022225182931

4 years ago

0.0.0-dev-2022228155140

4 years ago

0.0.0-dev-202221419595

4 years ago

0.0.0-dev-2022215184036

4 years ago

0.0.0-dev-2022128224832

4 years ago

0.0.0-dev-2022128215052

4 years ago

0.0.0-dev-2022128214753

4 years ago

1.1.8

4 years ago

0.0.0-dev-202212821520

4 years ago

0.0.0-dev-202212822477

4 years ago

0.0.0-pr-2022062070

4 years ago

0.0.0-pr-202215114422

4 years ago

0.0.0-pr-20220258462

4 years ago

0.0.0-pr-202203231241

4 years ago

0.0.0-pr-2022013191659

4 years ago

0.0.0-pr-202204173424

4 years ago

0.0.0-dev-2021112031456

4 years ago

0.0.0-pr-2022011175644

4 years ago

0.0.0-dev-202212083710

4 years ago

0.0.0-dev-202215122415

4 years ago

0.0.0-dev-202213175727

4 years ago

0.0.0-dev-20220114728

4 years ago

0.0.0-pr-202202423375

4 years ago

0.0.0-pr-2021112822349

4 years ago

0.0.0-dev-202215114149

4 years ago

0.0.0-pr-202111299618

4 years ago

0.0.0-pr-20220920538

4 years ago

0.0.0-pr-202215132532

4 years ago

0.0.0-pr-2022013191557

4 years ago

0.0.0-pr-20221153122

4 years ago

0.0.0-canary-2021118164051

4 years ago

0.0.0-pr-20220620149

4 years ago

0.0.0-canary-2021118154929

4 years ago

0.0.0-pr-202214173148

4 years ago

0.0.0-pr-20211126153437

4 years ago

0.0.0-pr-2021111320117

4 years ago

0.0.0-pr-20211126155055

4 years ago

0.0.0-pr-20221417318

4 years ago

0.0.0-dev-2022028579

4 years ago

0.0.0-pr-20221173648

4 years ago

0.0.0-dev-202201134936

4 years ago

0.0.0-pr-2022024212254

4 years ago

0.0.0-pr-202215111823

4 years ago

0.0.0-dev-2022013193526

4 years ago

0.0.0-pr-20220300344

4 years ago

0.0.0-dev-202215121428

4 years ago

0.0.0-pr-202202618407

4 years ago

0.0.0-pr-202209231642

4 years ago

0.0.0-pr-202214173019

4 years ago

0.0.0-dev-2022028457

4 years ago

0.0.0-pr-202202495536

4 years ago

0.0.0-pr-20211120212826

4 years ago

0.0.0-dev-2021112991233

4 years ago

0.0.0-pr-20221263715

4 years ago

0.0.0-pr-20220251866

4 years ago

0.0.0-pr-2021112822415

4 years ago

0.0.0-dev-2022013193154

4 years ago

0.0.0-dev-20221463045

4 years ago

0.0.0-pr-20211191288

4 years ago

0.0.0-pr-202111299647

4 years ago

0.0.0-pr-2022010134944

4 years ago

0.0.0-dev-202211720414

4 years ago

0.0.0-dev-202202410017

4 years ago

0.0.0-pr-202215114917

4 years ago

0.0.0-dev-2022017182859

4 years ago

0.0.0-pr-202206185910

4 years ago

0.0.0-dev-20211120215621

4 years ago

0.0.0-pr-2022026181758

4 years ago

0.0.0-pr-20211120214314

4 years ago

0.0.0-pr-202215121320

4 years ago

0.0.0-pr-202209211330

4 years ago

0.0.0-pr-202204174042

4 years ago

0.0.0-pr-20211120215645

4 years ago

0.0.0-dev-202212012129

4 years ago

0.0.0-pr-2022114224724

4 years ago

0.0.0-dev-20211126154241

4 years ago

0.0.0-pr-20211113195848

4 years ago

0.0.0-pr-20220209192

4 years ago

0.0.0-pr-202204174930

4 years ago

0.0.0-dev-202201013510

4 years ago

0.0.0-dev-20220281628

4 years ago

0.0.0-pr-202201013538

4 years ago

0.0.0-pr-202211224055

4 years ago

0.0.0-dev-2022026182947

4 years ago

0.0.0-pr-202201319022

4 years ago

0.0.0-dev-2022117203714

4 years ago

0.0.0-pr-20220284534

4 years ago

0.0.0-dev-2022120123118

4 years ago

0.0.0-pr-2022020961

4 years ago

0.0.0-pr-202202092345

4 years ago

0.0.0-pr-2022014183133

4 years ago

0.0.0-pr-202202410034

4 years ago

0.0.0-pr-20211113202333

4 years ago

0.0.0-pr-20211120213315

4 years ago

0.0.0-dev-202202591453

4 years ago

0.0.0-pr-202209231927

4 years ago

0.0.0-pr-2022024234531

4 years ago

0.0.0-pr-20221263638

4 years ago

0.0.0-dev-202202585455

4 years ago

0.0.0-pr-20211126153854

4 years ago

0.0.0-pr-20221512130

4 years ago

0.0.0-dev-202202495727

4 years ago

0.0.0-pr-20221272450

4 years ago

0.0.0-dev-202215111945

4 years ago

0.0.0-dev-20211115102948

4 years ago

0.0.0-pr-20221173228

4 years ago

0.0.0-pr-202209231818

4 years ago

0.0.0-pr-20220921590

4 years ago

0.0.0-pr-202203225541

4 years ago

0.0.0-dev-202201117413

4 years ago

0.0.0-pr-2022026182926

4 years ago

0.0.0-pr-202208163634

4 years ago

0.0.0-pr-2021112991213

4 years ago

0.0.0-pr-202215113950

4 years ago

0.0.0-pr-202208164521

4 years ago

0.0.0-dev-202111299720

4 years ago

0.0.0-dev-202202592640

4 years ago

0.0.0-dev-2022117131714

4 years ago

1.1.7

4 years ago

1.1.6

4 years ago

1.1.5

4 years ago

1.1.4

4 years ago

0.0.0-dev-202201319130

4 years ago

0.0.0-pr-20211120212927

4 years ago

1.1.3

4 years ago

0.0.0-pr-202202495553

4 years ago

1.1.2

4 years ago

0.0.0-dev-20211115103018

4 years ago

0.0.0-dev-20220258423

4 years ago

0.0.0-pr-2022017182645

4 years ago

0.0.0-pr-20220259146

4 years ago

0.0.0-pr-2022028241

4 years ago

0.0.0-pr-202202584437

4 years ago

0.0.0-dev-20211129982

4 years ago

0.0.0-pr-202111921327

4 years ago

0.0.0-dev-202215114442

4 years ago

0.0.0-pr-20221462931

4 years ago

0.0.0-dev-20220209527

4 years ago

0.0.0-dev-2021112031622

4 years ago

0.0.0-pr-20220816386

4 years ago

0.0.0-pr-20211113201444

4 years ago

0.0.0-pr-202202495259

4 years ago

0.0.0-pr-2022014102532

4 years ago

0.0.0-pr-202201319211

4 years ago

0.0.0-pr-2022028277

4 years ago

0.0.0-pr-202211713187

4 years ago

0.0.0-pr-20221272130

4 years ago

0.0.0-dev-2022117201925

4 years ago

0.0.0-pr-202211594731

4 years ago

0.0.0-pr-202209205059

4 years ago

0.0.0-pr-2021111320052

4 years ago

0.0.0-dev-20220282224

4 years ago

0.0.0-dev-20220258486

4 years ago

0.0.0-pr-2022011182024

4 years ago

0.0.0-dev-202201418849

4 years ago

0.0.0-dev-202202591937

4 years ago

0.0.0-pr-202201418280

4 years ago

0.0.0-dev-20211115103321

4 years ago

0.0.0-pr-2021112821613

4 years ago

0.0.0-dev-2021112024830

4 years ago

0.0.0-dev-2022013185957

4 years ago

0.0.0-dev-2022120114225

4 years ago

0.0.0-pr-20211126154235

4 years ago

0.0.0-pr-20220483049

4 years ago

0.0.0-pr-202204203645

4 years ago

0.0.0-dev-20220114234

4 years ago

0.0.0-dev-202215121353

4 years ago

0.0.0-pr-202214171317

4 years ago

0.0.0-dev-2021111913282

4 years ago

0.0.0-pr-202212011232

4 years ago

0.0.0-pr-20221512346

4 years ago

0.0.0-dev-20220620653

4 years ago

0.0.0-pr-20220421928

4 years ago

0.0.0-pr-20211128215540

4 years ago

0.0.0-dev-20221513279

4 years ago

0.0.0-pr-2022013192043

4 years ago

0.0.0-pr-20211126151058

4 years ago

0.0.0-dev-2022028387

4 years ago

0.0.0-pr-2022013191632

4 years ago

0.0.0-pr-202215125733

4 years ago

0.0.0-dev-202215112739

4 years ago

0.0.0-pr-202211224227

4 years ago

0.0.0-pr-2022013191627

4 years ago

0.0.0-pr-202215113521

4 years ago

0.0.0-dev-2022120114012

4 years ago

0.0.0-dev-20221152957

4 years ago

0.0.0-pr-20221512359

4 years ago

0.0.0-dev-2022120113958

4 years ago

0.0.0-pr-2021112616030

4 years ago

0.0.0-pr-20211115103050

4 years ago

0.0.0-dev-20221512173

4 years ago

0.0.0-pr-202206192031

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.22

4 years ago

1.0.21

4 years ago

1.0.20

4 years ago

1.0.19

4 years ago

1.0.18

5 years ago

1.0.18-next.0

5 years ago

1.0.17

5 years ago

1.0.16

5 years ago

1.0.15

5 years ago

1.0.14

5 years ago

1.0.13

5 years ago

1.0.12

5 years ago

1.0.11

5 years ago

1.0.10

5 years ago

1.0.9

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago

1.0.0-rc.8

5 years ago

1.0.0-rc.7

5 years ago

1.0.0-rc.6

5 years ago

1.0.0-rc.5

5 years ago

1.0.0-rc.4

5 years ago

1.0.0-rc.3

5 years ago

1.0.0-rc.2

6 years ago

1.0.0-rc.1

6 years ago

1.0.0-next.7

6 years ago

1.0.0-rc.0

6 years ago

1.0.0-next.5

6 years ago

1.0.0-next.6

6 years ago

1.0.0-next.4

6 years ago

1.0.0-next.3

6 years ago

1.0.0-next.2

6 years ago

1.0.0-next.1

6 years ago

1.0.0-next.0

6 years ago