Search Input Field

How Search Works

Healthi Search works as an independent feature in Healthi App. This means that users don't perform any search in context - whenever they are using the app and tap the search bar, they activate some sort of "search state" and can only leave it after cancelling or closing it, depending on their operational system.

Initial Version

Stacked Version

Search State

After accessing Search state through any of the ways above, users can actually interact with the component and face the following different states:

Top Bar

Each of these states are presented in the header, with different version for iOS and Android. Check Top Bar for more information.

iOS Header

Android Header

Figma File for Specification

Related Content

Top Bar

Modular Components and Atomic Design

Shapes and Roundness