Searchcomponent
component
A component for searching products with debounced input and loading state and a results list. Built on top of the Input component and useProductSearch hook. You can view the Storybook for more interactive examples.
Was this section helpful?
Search
import {Search} from '@shopify/shop-minis-react'
export default function MyComponent() {
return <Search />
}
examples
Search
import {Search} from '@shopify/shop-minis-react' export default function MyComponent() { return <Search /> }
Preview
Anchor to examplesExamples
Search configurations and states
Anchor to example-default-searchDefault search
A component that has all the features of a product search
Anchor to example-custom-searchCustom search
A composable way to build a search screen
Was this section helpful?
Default search
import {Search} from '@shopify/shop-minis-react'
export default function MyComponent() {
return <Search />
}
examples
Default search
description
A component that has all the features of a product search
import {Search} from '@shopify/shop-minis-react' export default function MyComponent() { return <Search /> }Custom search
description
A composable way to build a search screen
import { SearchProvider, SearchInput, SearchResultsList, } from '@shopify/shop-minis-react' export default function MyComponent() { return ( <SearchProvider> <SearchInput placeholder="Search products..." /> <SearchResultsList /> </SearchProvider> ) }