The Button

Buttons are the most common interactive component in any interface, and also the one we most often get wrong. Our first component page walks you through building one the right way, and every component page after it will follow the same structure.

New

• It covers how a button looks, how it behaves for every person and every input, how developers work with it and how agents can read and verify it.
• Every example is live, and its code comes in React, Vue, Svelte, Angular, Solid, Astro and Vanilla.
• A checklist, a contract for agents and a tested reference implementation help you hold your own buttons to the standard.