Back to Compositions
Search
Data DisplaySearch input with debouncing, loading state, and result highlighting
Composed from
SearchFieldSpinnerBox
Example
Usage
import { useState } from 'react';
import { Search } from '@/components/polaris';
function Example() {
const [query, setQuery] = useState('');
return (
<Search
value={query}
onChange={setQuery}
placeholder="Search products..."
debounce={300}
/>
);
}