diff --git a/examples/using-contentful/src/pages/image-api.js b/examples/using-contentful/src/pages/image-api.js index 953842b4b6aca..697fc2e863fe1 100644 --- a/examples/using-contentful/src/pages/image-api.js +++ b/examples/using-contentful/src/pages/image-api.js @@ -259,6 +259,43 @@ const ImageAPI = props => { } } } +}`, + }} + /> + +
+ You can show a traced SVG preview to your users. This works equivalent + to the responsive sizes feature except that you have to use the + GatsbyContentfulSizes_tracedSVG fragment +
+ {assets.map(({ node: { title, traced } }) => ( + + ))} +
+
@@ -292,6 +329,9 @@ export const pageQuery = graphql`
fluid(maxWidth: 613) {
...GatsbyContentfulFluid_noBase64
}
+ traced: sizes(maxWidth: 614) {
+ ...GatsbyContentfulSizes_tracedSVG
+ }
}
}
}