# Custom plugin blocks

**URL:** <https://forum.getkirby.com/t/custom-plugin-blocks/22297>\
**Category:** Questions\
**Tags:** v3\
**Created:** [May 13, 2021, 8:45am UTC](https://forum.getkirby.com/t/custom-plugin-blocks/22297 "2021-05-13T08:45:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gareth\_Jones](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/gareth_jones/32/9981_2.png) [@Gareth\_Jones](https://forum.getkirby.com/u/Gareth_Jones)\
**Post date:** [May 13, 2021, 8:45am UTC](https://forum.getkirby.com/t/custom-plugin-blocks/22297/1 "2021-05-13T08:45:40Z")

</div>

I am following the simple preview docs to create a custom block: 1. [Simple preview](https://getkirby.com/docs/reference/plugins/extensions/blocks#simple-preview)

It works great, but I am not sure how to loop through a structure field (items) with this type of syntax.

```
panel.plugin("project/card-block", {
  blocks: {
card: `
  <div>
  <div @click="open">
    {{ content.header }}

      {{ content.items.toStructure }}

  </div>
  </div>
`,
  },
});

```

---

<div class="post-metadata">

**Author:** ![Gareth\_Jones](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/gareth_jones/32/9981_2.png) [@Gareth\_Jones](https://forum.getkirby.com/u/Gareth_Jones)\
**Post date:** [May 13, 2021, 9:00am UTC](https://forum.getkirby.com/t/custom-plugin-blocks/22297/2 "2021-05-13T09:00:20Z")

</div>

ok so simple 😄

```
<ul v-for="row in content.items"> 
      <li>{{row.title}}</li>
      </ul>
```