Overview

The search component allows users to input text to search through items, orders, and other information on SOROS.

Usage

• Ensure the search field is clearly delineated with a border or background contrast, especially when placed on complex backgrounds.
• Use concise placeholder text that guides users without overwhelming or confusing them.
• Position the search field where it logically aligns with user tasks and flows, maintaining spatial harmony with surrounding elements. This would usually be at the top of the page.
• Prioritize using the default bar. If the background of the bar matches the background of the page, use the secondary bar.

Variants

The select field component consists of a single variant with multiple states. There are two types of search bars: a default bar and a secondary bar.