- Home
- Frameworks
- ReactSDK
-
ReactSDK
-
Description
This is our React SDK. The objective of this library is to render images as is or with our plugins
Examples
// 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