Mobile clear button UI examples

Clear button UI examples

• See the flow
  Vivino: Drink The Right Wine↗

  At the top, a search bar contains the query 'new york' with a clear button and a 'Cancel' text button to the right.

• See the flow
  ZARA↗

  There is an email input field currently populated with '[email protected]' and a clear icon, followed by an 'UNSUBSCRIBE' button.

• See the flow
  Scanner App: Genius Scan↗

  Below this, a text input field displays the current document name '2025-05-14 Data Design' with a clear button.

• See the flow
  PDF Scanner AI: Scan Documents↗

  It includes a text input field currently populated with the text 'confidential', a clear button, and two action buttons: 'Cancel' and 'Ok'.

• See the flow
  Blinq: Digital Business Card↗

  Below the heading are three input fields for 'Company name', 'Job title', and 'Company website', with the latter currently being edited and showing a clear icon.

• See the flow
  Good Food: Recipe Finder↗

  At the top, a search bar contains the query 'Pasta' with a clear button, followed by a 'Refine' text button.

• See the flow
  Deezer: Music Player, Podcast↗

  Below this is a search bar containing the text 'san franc' with a clear button and a 'Cancel' button to the right.

• See the flow
  HelloBot - Astrology & Tarot↗

  A clear button (an 'X' icon) is positioned on the right side of the input field.

• See the flow
  Redfin: Buy, Sell & Rent Homes↗

  This is a location search screen in the Redfin app, featuring a top search bar with the text 'san francisco' and a clear button.

• See the flow
  SHEIN - Shopping Online↗

  Below this, a search input field currently contains the text 'Uni', with a clear button on the right.

• See the flow
  SmartNews: Now in Spanish↗

  At the top, a search bar contains the query and a clear button.

• See the flow
  Spoke Route Planner↗

  At the top, a search bar allows the user to add more stops, featuring icons for scanning and voice input, alongside a clear button.

• See the flow
  Quinn - Audio Stories↗

  At the top, a search bar contains the query 'Appreciation' with a clear button and a 'Cancel' text button to the right.

• See the flow
  Fishbrain - Fishing App↗

  Below this is a search bar containing the text 'South Key West Spring' and a clear icon.

• See the flow
  Nerd AI - Math Problem Solver↗

  This is Screendesign', showing a character count of 24/10000 and a clear button.

• See the flow
  FLYP - Fashion Design Studio↗

  At the bottom, there is a text input field containing the search term 'pop art' with a clear button, followed by an arrow button to trigger the generation.

• See the flow
  Particle: Personalized News↗

  At the top, a search bar contains the query 'Apple' with a clear button, followed by a horizontal tab navigation (All, Stories, URLs, Authors, Entities).

• See the flow
  Redfin: Buy, Sell & Rent Homes↗

  Further down, a 'Move-in date' field displays a selected date of '01/02/2025' with a clear button.

• See the flow
  Windy.app — Wind, Tides, Radar↗

  At the top, a search bar contains the text 'New York City' with a clear button.

• See the flow
  WeMoms - Pregnancy & Baby App↗

  Top navigation, header text, email input field, large CTA button, and system keyboard at the bottom.