@fluentui/react-search

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.

Usage

Import SearchBox:

import { SearchBox } from '@fluentui/react-search';

Examples

<SearchBox defaultValue="Hello, World!" />
<SearchBox value={value} onChange={onInputChange} />

See Fluent UI Storybook for more detailed usage examples.

Alternatively, run Storybook locally with:

1. yarn start
2. Select react-search from the list.

Specification

See Spec.md

Upgrade Guide

If you're upgrading to Fluent UI v9 see the upgrade guide in Storybook under Concepts > Upgrading.