React Search components for Fluent UI React
The SearchBox
component allows the users to access information with ease, providing flexibility and the ability to clear and filter the search.
Import SearchBox:
import { SearchBox } from '@fluentui/react-search';
<SearchBox defaultValue="Hello, World!" />
<SearchBox value={value} onChange={onInputChange} />
See Fluent UI Storybook for more detailed usage examples.
Alternatively, run Storybook locally with:
yarn start
- Select
react-search
from the list.
See Spec.md
If you're upgrading to Fluent UI v9 see the upgrade guide in Storybook under Concepts > Upgrading.