---
title: Buttons, buttonholes, and snaps
---

Buttons and buttonholes may come in different sizes, but always have the same shape that represents 
how they look in real life:

<Legend part="buttons" caption="A button is shown on the left, and a buttonhole on the right" />

Snaps have a *stud* and *socket* part, and also look like the real thing:

<Legend part="snaps" caption="A snap stud is shown on the left, and a snap socket on the right" />