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