Close button.
Dismisses the current surface or temporary view.
See it in context
What it is
A close control, often shown as an X, removes a dialog, panel, or other dismissible surface. Closing should have a predictable effect on unsaved work and keyboard focus.
When to use it
Name the surface being closed when needed and return focus to an appropriate location.
Know the difference
Close dismisses a surface; Cancel abandons the task or changes within that surface.
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.
Go to the source
Primary documentation for the pattern and its platform conventions.