Feature Request: Option to Hide Clear Button in Search Input

[Akshay090]

Description: Currently, the Search Input component does not provide an option to hide the clear (cross) button. You can view the current implementation in the Storybook.

Screenshot for Reference:

Reason for Request: In certain UI layouts, such as when the search input is placed inside a bottom sheet that already contains a close (cross) icon, the clear button in the search input appears redundant. This visual repetition can lead to a cluttered design, making it preferable to have an option to hide the clear button in such scenarios.

Example of the Issue: Here’s an example of how the search input looks within a bottom sheet containing its own close button:

Proposed Solution: Introduce a prop or option to conditionally hide the clear button in the Search Input component to avoid this visual redundancy.

[reachaadrika]

Hey @Akshay090 , Can I work on this ? Kindly assign this to me Thanks

[rkdotdesign]

While both buttons are positioned near each other, they serve distinct functions. The button on the bottomSheet closes the sheet entirely, while the button on the searchInput clears the entered text. For users actively engaged in searching, providing a direct option to clear their input enhances the overall user experience.

Rather in cases like these can we try using the bottomSheet header to avoid scenarios like these where 2 dismiss buttons are in such close proximity?