Molecules

A molecule is a small group of atoms that work together as one unit. In the example, a label, an input and a button combine into an email sign-up field.

Each atom now has a clear job: the label explains the field, the input collects the email and the button submits it.

Keep molecules simple and focused on one task. A small, focused molecule is easier to reuse in different places, such as a footer, a dialog or a landing page.