Image demo pattern
It is possible to use an image (static or animated) as a demo in a CodePattern.
Use an Img shortcode wrapped in a <figure> tag in the demo.md
file. In this case, you should not add body.html to the demo assets.
If you still want to display an HTML snippet, give it a name other than "body".
// demo.md
---
layout: demo
patternId: image-demo-example
---
<figure>
<img alt="WalkMe state toggle test." decoding="async" height="400" loading="lazy" sizes="(min-width: 441px) 441px, calc(100vw - 48px)" src="/images/image/admin/3lZosaL1YXafLn4ZRINl.gif"token punctuation">" srcset="/images/image/admin/3lZosaL1YXafLn4ZRINl.gif"token punctuation">" width="441" />
</figure><p>This sample gets displayed in the code samples area,
but is not included in demo.html</p>
{% Img src="image/admin/3lZosaL1YXafLn4ZRINl.gif", alt="WalkMe state toggle test.", width="441", height="400" %}