buttons.md

Buttons

Native button

<button type="button">Click me</button>

Button to send a form

<button type="submit">Send data</button>

Link used as button

Used only to triggering in-page functionality, rather than navigating to another document or section within the current page.

<a href="/fallback-url.html" role="button">Link</a>

ON/OFF buttons

<!-- This button is NOT active -->
<button aria-label="Favorite" aria-pressed="false">❤</button>

<!-- This button IS active -->
<button aria-label="Favorite" aria-pressed="true">❤</button>

---

Button state and accessibility