Features:

Installation

1npm install --save @codesyntax/ionic-react-photo-viewer

Use example

1// import component
2import IonPhotoViewer from '@codesyntax/ionic-react-photo-viewer';
3
4// TSX
5<IonItem button lines="none" detail={false}>
6    <IonAvatar slot="start">
7        <IonPhotoViewer
8          title="Martin arrantzalea"
9          src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Alcedo_Atthis.jpg/1280px-Alcedo_Atthis.jpg"
10          licenseKey='your-license-key'
11        >
12            <img
13            src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Alcedo_Atthis.jpg/1280px-Alcedo_Atthis.jpg"
14            alt="Martin arrantzalea"
15          />
16        </IonPhotoViewer>
17    </IonAvatar>
18    <IonLabel>Martin arrantzalea</IonLabel>
19</IonItem>

Props

• title: string
  • The title of the image.
• src: string
  • The source of the image in hight quality.
• licenseKey: string
  • The license key of lightgallery.
• children: React.ReactNode
  • Img element.