Button
/ˈbʌtn/
A button is an interactive element that triggers an action when a user clicks or taps it, such as submitting a form, navigating to another screen, or confirming a choice. It's one of the most fundamental building blocks of any user interface.
Buttons typically combine a clear label, a distinct visual shape, and interactive states (default, hover, active, disabled) that signal to users that they can be pressed. Their design and placement have a direct impact on usability and conversion.
Why does the button matter?
A well-designed button guides users through a flow and reduces friction at key decision points, like checking out or signing up. Clear labeling, sufficient contrast, and adequate tap target size make buttons easy to find and use for everyone, including people on mobile devices or using assistive technology.
For example, a primary button like "Add to cart" should stand out visually from secondary actions like "Cancel," helping users quickly understand what to do next.
