Buttons
Edit this pageButtons are interactive elements that enable users to trigger actions or events, such as submitting forms, opening dialogs, canceling actions, or performing operations. They are the primary way users interact with interfaces.
InteractiveAccessibleResponsiveSemanticKeyboard Navigable
Primary Purpose of Buttons
Understanding when and why to use buttons in your interface design.
Core Purpose
- • Trigger Actions: Submit forms, save data, create items
- • Navigation Control: Open dialogs, modals, or panels
- • State Changes: Toggle features, switch modes
- • Process Control: Start, stop, pause operations
Button vs Link
Use Button When:
- • Performing an action
- • Submitting data
- • Opening overlays
Use Link When:
- • Navigating to pages
- • Linking to content
- • External resources
Button Types by Function
Command Button: Performs a single action
Toggle Button: Switches between two states
Menu Button: Opens a menu of options
References & Further Reading
Essential references for button component implementation and best practices.