Secondary button.
Offers a useful alternative with less visual emphasis.
See it in context
What it is
A secondary button supports an action such as saving a draft while a more important action remains visually dominant. Outline or muted fills are common treatments.
When to use it
Place the alternative near its related primary action without competing with it.
Know the difference
Secondary indicates priority, while a disabled button indicates that activation is unavailable.
Across platforms
Web
Use a native button for an action and an anchor for navigation. Preserve keyboard activation and a visible focus indicator.
iOS · iPadOS · Android
Provide a comfortable touch target, use familiar system symbols when appropriate, and show a clear pressed or selected state.
macOS · Windows · Linux
Keep pointer, keyboard, and focus behavior consistent. Common commands can additionally expose a menu item or keyboard shortcut.
watchOS · Wear OS
On a watch, use a short label and a generous target within the small display. Crown or rotary input can supplement touch for adjustable values.
tvOS · Android TV
On TV, give the focused control a prominent visual state and support remote activation; hover and precise pointer targeting are not assumed.
visionOS
In spatial interfaces, use a comfortably targetable control with a clear focus response for indirect gaze-and-pinch interaction.
Go to the source
Primary documentation for the pattern and its platform conventions.