aricma-image v1.0.2

aricma-image

This is a quickstart for future cloudinary-react user. Sometimes you just want an easy to use image component to get your app done. This is what aricma-images is made for.

/* Tis is the basic component you will be using */
  <Image cloudName alt publicId>
    <Transformation
      dpr="auto"
      gravity="auto"
      height
      quality="auto:best"
      width
      crop="fill"
      fetchFormat='auto'
      />
  </Image>

quickstart

  # yarn
  yarn add aricma-image

  # npm
  npm install --save aricma-image

  /* Now inside your conponent */
  import Image from 'aricma-image'
  export default props => (
    <YOUR_STUFF>
      <Image
        cloudName={your_cloud_name}
        link={link_to_your_image_on_cloudinary}
        /* publicId={publicid} // you can also use the publicId as in cloudinary-react */
        width={400}
        height={400}
        alt='this is a test'
      />
    </YOUR_STUFF>
    )

That's it!