---
title: buttonhole
---

The `buttonhole` snippet is used to mark buttonhole placement and is
provided by [plugin-buttons](/reference/plugins/buttons/).

```js
snippets.demo = new Snippet('buttonhole', points.anchor)
```

<Example part="snippets_buttonhole" caption="An example of the buttonhole snippet" />

<Note>

##### Aligning your buttons and buttonholes

We provide three buttonhole snippets with a different alignment:

 - [buttonhole](/reference/snippets/buttonhole/): Anchor point is the middle of the buttonhole
 - [buttonhole-start](/reference/snippets/buttonhole-start/): Anchor point is the start of the buttonhole
 - [buttonhole-end](/reference/snippets/buttonhole-end/): Anchor point is the end of the buttonhole

</Note>