Buttons are interactive elements that allow the user to perform an action on the page or serve as a prominent hyperlink.

Structure

The button component is built with the native HTML <button> tag. When used as a link, its tag becomes <a>.

Using HTML elements under the hood ensures that Button maintains its inherent interactivity and accessible roles for assistive technology.

ARIA

table
ElementAttributeDescription
Disabled buttonaria-disabledSet to true when the button is disabled. While disabled, the button will not be announced.

Keyboard

table
KeyFunction
Enter/SpaceSimulates a click and activates the button.
TabMoves focus to the next focusable element.
Shift+TabMoves focus to the previous focusable element.

On this page