Controls / The visual dictionary

Button.

Runs a clearly named action when activated.

Also calledaction buttonpush button
01

See it in context

UI illustration

A button asks the application to do something, such as save a draft or start playback. Its label describes the result of activation, and its interaction state makes it clear when the action is available.

When to use it

Use an action verb and show the result when the button is activated.

Know the difference

A link changes location; a button performs an action, even when both look like text.

WebiOSiPadOSAndroidmacOSWindowsLinuxwatchOSWear OStvOSAndroid TVvisionOS

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.

Primary documentation for the pattern and its platform conventions.