---
title: buttonhole-start
---

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

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

<Example part="snippets_buttonhole_start">
An example of the buttonhole-start snippet
</Example>


<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>