- 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
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