Features Getting Started Adding a Page Architecture Routing Caching Navigation Prefetching Late Loading Personalized Content Error Handling Calling eCommerce Platform APIs Cookies Example REST API Managing State Migrating from v5 to v6 Theming Responsive Design Skeletons Managing Sessions Analytics Automatic AMP Service Worker and Manifest SEO Pulling in Content from a Legacy Site Adding PWA components to Legacy Pages Creating Synthetic APIs Environment Settings Integrated Debugging with VS Code Publishing a TWA to Google Play Powerlinks Performance Firebase Performance Monitoring Debugging with Google Chrome Record/Replay Upstream Requests Express Overview Deploying to Moovweb XDN Domain Management Workflow Modes Redirection SSL Whitelist HTTP Status Codes Cloud Management Analytics Predictive Prefetching with GA Password Protecting Your Site x-moov-t Response Header x-moov-status Response Header Sandbox Environment Variables Storybook

Deploying to Moovweb XDN

Domain Management

HTTP Status Codes

Cloud Management Analytics

Predictive Prefetching with GA

Password Protecting Your Site

x-moov-t Response Header

x-moov-status Response Header

Sandbox Environment Variables

Features Getting Started Adding a Page Architecture Routing Caching Navigation Prefetching Late Loading Personalized Content Error Handling Calling eCommerce Platform APIs Cookies Example REST API Managing State Migrating from v5 to v6 Theming Responsive Design Skeletons Managing Sessions Analytics Automatic AMP Service Worker and Manifest SEO Pulling in Content from a Legacy Site Adding PWA components to Legacy Pages Creating Synthetic APIs Environment Settings Integrated Debugging with VS Code Publishing a TWA to Google Play Powerlinks Performance Firebase Performance Monitoring Debugging with Google Chrome Record/Replay Upstream Requests Express Overview Deploying to Moovweb XDN Domain Management Workflow Modes Redirection SSL Whitelist HTTP Status Codes Cloud Management Analytics Predictive Prefetching with GA Password Protecting Your Site x-moov-t Response Header x-moov-status Response Header Sandbox Environment Variables Storybook

React Storefront

|

Get a free Moovweb XDN trial account

SearchPopup

import SearchPopup from 'react-storefront/SearchPopup'

Props

Name	Type	Default	Description
searchPopup	shape :		searchPopup holds state of popup
search	shape :		search contains lists of suggestions
suggestionResultsLimit	number	3	limit for suggestion results list
children	union : arrayOf \| node		Suggestion results components
history	shape :

CSS API

You can override all the class names injected by Moov-PWA thanks to the classes property. This property accepts the following keys:

searchPopup
closeButton
searchForm
searchReset
flexInput
searchButton
suggestionHeader
suggestionsList
productImage
productsSuggestions
searchResultsWrapper
loading