wmk-image v1.3.0

wmk-image

Image Utility component for Gatsby projects

Installation

npm install --save wmk-image

Usage

<WmkImage
  image={Img} // an instance of the Img class (from within library)
  crop="crop-size" // add crop sizes
  style={styleObject}
  className="class-string"
/>

Adding additional crops

1. Query the full original image

2. Query the gatsby data for an alternate size

3. Instantiate image class

4. Use addCrop(string,Img) method to add a size