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

A button is shown on the left, and a buttonhole on the right

</Legend>


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

<Legend part="snaps">

A snap stud is shown on the left, and a snap socket on the right

</Legend>