x

Search component config properties

Use this form to update Search Component properties and see on real time how you can customize it.
Be aware that clicking on APPLY button, will override initial configuration properties.

Before going further, please review SUI documentation How to Enable Search UI Component for Your Application

settings
x

Search Bar component config properties

Use this form to update Search Bar Component properties and see on real time how you can customize it.
Be aware that clicking on APPLY button, will override initial configuration properties.

Before going further, please review Search Bar documentation How to Enable Search Bar Component UI for Your Application

settings
SEARCH BAR
Search

Search bar

Examples of how to embed search bar component into a page. Config updates apply only to first search bar

  1. Center of a page.
  2. Hover within header.
  3. Click within header.
  4. Mobile: Placed inside drawer. Resize window to less than 992 px