@wfp/react/src/components/Search/README.mdx

WFP UI Kit

**Search** enables users to specify a word or a phrase to find particular relevant pieces of content without the use of navigation. Search can be used as the primary means of discovering content, or as a filter to aid the user in finding content.

### Usage with react

```js
import { Search } from '@wfp/react';

const handleOnChange = (searchValue, evt) => {
  console.log('searchValue', searchValue); // a string
  console.log('evt', evt); // the whole event object
};

<Search
  className="some-class"
  kind="large"
  name="input-name"
  labelText="Label"
  closeButtonLabelText="The label text for the close button (closeButtonLabelText)"
  placeholder="Placeholder"
  onChange={handleOnChange}
/>;
```