Story 62.5. X button on the search bar

General info

User story

As a user on saclab.com
I want to quickly clear all the words I’ve typed in and exit the search bar using “X” button
So that helps easily operate the search words and search functionality


SCLB-673

Visual design

https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=4775-1630&t=ZUKH3sMLJVlFNBNN-1

Acceptance criteria

01

Given: user clicks into the search bar on Desktop version or the search icon on Mobile version

When: user clicks the X on the right edge

Then: user exits the search bar

Screenshot 2024-06-12 at 10.14.44.png

02

Given: user clicks into the search bar on Desktop version or the search icon on Mobile version

When: User types into the search bar

Then: see section “Suggestions” with keywords below

Screenshot 2024-06-12 at 12.51.58.png

03

Given: User types into the search bar

When: user clicks the X on the right edge

Then: what user has typed will be completely deleted
AND user will see the state of the search bar when the search bar first opened: basic view on their search and view history

Comments

Leave a Reply