36 lines
859 B
Markdown
36 lines
859 B
Markdown
|
# @fluentui/react-search
|
||
|
|
|
||
|
|
**React Search components for [Fluent UI React](https://react.fluentui.dev/)**
|
||
|
|
|
||
|
|
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:
|
||
|
|
|
||
|
|
```js
|
||
|
|
import { SearchBox } from '@fluentui/react-search';
|
||
|
|
```
|
||
|
|
|
||
|
|
#### Examples
|
||
|
|
|
||
|
|
```jsx
|
||
|
|
<SearchBox defaultValue="Hello, World!" />
|
||
|
|
<SearchBox value={value} onChange={onInputChange} />
|
||
|
|
```
|
||
|
|
|
||
|
|
See [Fluent UI Storybook](https://react.fluentui.dev/) for more detailed usage examples.
|
||
|
|
|
||
|
|
Alternatively, run Storybook locally with:
|
||
|
|
|
||
|
|
1. `yarn start`
|
||
|
|
2. Select `react-search` from the list.
|
||
|
|
|
||
|
|
### Specification
|
||
|
|
|
||
|
|
See [Spec.md](./docs/Spec.md)
|
||
|
|
|
||
|
|
### Upgrade Guide
|
||
|
|
|
||
|
|
If you're upgrading to Fluent UI v9 see the upgrade guide in [Storybook](https://react.fluentui.dev/) under Concepts > Upgrading.
|