ReactSDK

Description

This is our React SDK. The objective of this library is to render images as is or with our plugins

Examples

Please note that the order of the plugins is important. See home for more details.

// Example
			import {CloudinaryImage} from "@cloudinary/base/assets/CloudinaryImage";
			import {
			 CldImg,
			 accessibility,
			 responsive,
			 lazyload,
			 placeholder
			} from '@cloudinary/react';
			
			const App = () => {
			  let img = new CloudinaryImage()
			    .setConfig({
			       cloud: {
			         cloudName: 'demo'
			       }})
			    .setPublicID('sample');
			
			  return (
			     <div>
			        <div style={{height: "1000px"}}/>
			        <CldImg
			           transformation={img}
			           plugins={[lazyload(), responsive(100), placeholder()]}
			        />
			     </div>
			  )
			};
Details