Clear button.
Removes the current value from an input or selection.
See it in context
What it is
An inline X commonly clears a text field while leaving focus in the field. The scope must be obvious so people can distinguish clearing a value from closing the surrounding view.
When to use it
Clear only the related value, keep focus available, and hide or disable it when empty.
Know the difference
Close dismisses a view; Clear empties a value inside the view.
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.