# Block custom preview try doesn't work

**URL:** <https://forum.getkirby.com/t/block-custom-preview-try-doesnt-work/21230>\
**Category:** Questions\
**Tags:** v3\
**Created:** [February 16, 2021, 1:55pm UTC](https://forum.getkirby.com/t/block-custom-preview-try-doesnt-work/21230 "2021-02-16T13:55:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Adrieng](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/adrieng/32/14454_2.png) [@Adrieng](https://forum.getkirby.com/u/Adrieng)\
**Post date:** [February 16, 2021, 1:55pm UTC](https://forum.getkirby.com/t/block-custom-preview-try-doesnt-work/21230/1 "2021-02-16T13:55:42Z")

</div>

Hello,

I’m trying to create a custom preview for a custom block. This is just a try. I’m totally new to plugins. I followed [the custom preview guide](https://getkirby.com/docs/reference/plugins/extensions/blocks) but nothing happened in the panel.

**/site/blueprints/blocks/element.yml :**

```auto
name: Élément
icon: circle
tabs:
  contenuTab:
    fields:
      contenu:
        type: textarea

```

**/site/plugins/element/index.php :**

```auto
<?php

Kirby::plugin('lineaire/element-block', []);

```

**/site/plugins/element/index.js :**

```auto
panel.plugin("lineaire/element-block", {
    blocks: {
      button: `
        <div class="element__content" @click='open'>
          {{ content.contenu }}
        </div>
      `
    }
  });

```

**/site/plugins/element/index.css :**

```auto
.element__content {
    border: 2px solid #000;
    display: inline-flex;
    border-radius: 3rem;
    padding: .25rem 1.5rem;
    cursor: pointer;
}

```

No result :

 ![Capture d’écran 2021-02-16 à 14.53.56](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/e/e56d826c500a65db721946d18d37a19359da93c3.png)

---

<div class="post-metadata">

**Author:** ![pixelijn](https://avatars.discourse-cdn.com/v4/letter/p/7ab992/32.png) [@pixelijn](https://forum.getkirby.com/u/pixelijn)\
**Post date:** [February 16, 2021, 2:18pm UTC](https://forum.getkirby.com/t/block-custom-preview-try-doesnt-work/21230/2 "2021-02-16T14:18:57Z")

</div>

> [@Adrieng](#):
>
> `button`

The block is called element, not button?

---

<div class="post-metadata">

**Author:** ![Adrieng](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/adrieng/32/14454_2.png) [@Adrieng](https://forum.getkirby.com/u/Adrieng)\
**Post date:** [February 16, 2021, 2:20pm UTC](https://forum.getkirby.com/t/block-custom-preview-try-doesnt-work/21230/3 "2021-02-16T14:20:47Z")

</div>

😓

Shame on me.

Thank you @pixelijn
