跳转到主要内容

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
    src="image/admin/3lZosaL1YXafLn4ZRINl.gif",
    alt="WalkMe state toggle test.",
    width="441",
    height="400"
    %}
</figure>