Easily render images from Arweave with React
react-arweave-image
Easily render images from Arweave.
Installation
npm install react-arweave-image
yarn add react-arweave-image
Getting started
import { ArweaveImage } from 'react-arweave-image';
const Page = () => {
return (
<>
{/* pass image hash */}
<ArweaveImage hash='o-z1Ea6xXyERnujaFyMZwHlsr2SLwnVyDqjP88V2zeE' />
{/* you can also pass in *any* props you can pass to a native HTML `img` tag */}
<ArweaveImage hash='o-z1Ea6xXyERnujaFyMZwHlsr2SLwnVyDqjP88V2zeE' alt='my image' className='mt-2 rounded' onClick={() => {}} />
</>
)
}
Made by pbillingsby with major help from Dhaiwat