UI customization for Typeahead Search widget

[Sushil Kumar1]

We are implementing AI Search for our portal and using Typeahead Search widget in the homepage and portal page headers, but we also need to customize the UI of the search box and in the typeahead widget i see <sn-search-combobox> tag been used to render the search box. Please suggest or provide sample code snippet on how can we make UI customization to sn-search-combobox directive for making the UI changes to Typeahead Search? 

[Loic1]

What kind of "customizations" is needed?

The sn-search-combobox component is documented here.

However, you might not need to customize: you can see how to change the look and feel through Theming for AI Search in Service Portal or modify the Auto-complete suggestions in AI Search applications to modify the list that is displayed.

[Sushil Kumar1]

Thanks Loic for sharing theming details for AI search. But seems this is to change the Search Result page theme. My requirement is also for UI changes of the typeahead search bar look and feel. Can you please also suggest how to change the typeahead search bar UI.

[No_name]

what a great links, good job, ServiceNow

[RJ33]

@Sushil Kumar1 , were you able to achieve this?