gatsby-image - npm Package Compare versions

Comparing version 1.0.27 to 1.0.28

package.json

		{
		"name": "gatsby-image",
		"version": "1.0.27",
		"version": "1.0.28",
		"description": "Lazy-loading React image component with optional support for the blur-up effect.",
		@@ -5,0 +5,0 @@ "main": "index.js",

README.md

		@@ -11,2 +11,6 @@ # gatsby-image

		_Warning: gatsby-image is not a drop-in replacement for `<img/>`. It's
		optimized for fixed width/height images and images that stretch the full-width
		of a container. Some ways you can use `<img/>` won't work with gatsby-image._

		[Demo](https://using-gatsby-image.gatsbyjs.org)
		@@ -59,4 +63,4 @@
		```jsx
		import React from "react"
		import Img from "gatsby-image"
		import React from "react";
		import Img from "gatsby-image";

		@@ -68,3 +72,3 @@ export default ({ data }) => (
		</div>
		)
		);

		@@ -83,3 +87,3 @@ export const query = graphql`
		}
		`
		`;
		```
		@@ -121,4 +125,4 @@
		Plugins supporting `gatsby-image` currently include
		[gatsby-transformer-sharp](/packages/gatsby-transformer-sharp/) and
		[gatsby-source-contentful](/packages/gatsby-source-contentful/).
		[gatsby-transformer-sharp](/packages/gatsby-transformer-sharp/),
		[gatsby-source-contentful](/packages/gatsby-source-contentful/) and [gatsby-source-datocms](https://github.com/datocms/gatsby-source-datocms).

		@@ -149,2 +153,9 @@ Their fragments are:

		### gatsby-source-datocms

		* `GatsbyDatoCmsResolutions`
		* `GatsbyDatoCmsResolutions_noBase64`
		* `GatsbyDatoCmsSizes`
		* `GatsbyDatoCmsSizes_noBase64`

		If you don't want to use the blur-up effect, choose the fragment with `noBase64`
		@@ -151,0 +162,0 @@ at the end. If you want to use the traced placeholder SVGs, choose the fragment

New alerts