> For the complete documentation index, see [llms.txt](https://help.iviva.com/uxp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.iviva.com/uxp/types/isearchboxinstanceprops.md).

# ISearchBoxInstanceProps

This component is used to render a search box.

```tsx
interface ISearchBoxInstanceProps {
    focusInput: () => void,
    getInputElement: () => React.MutableRefObject<HTMLInputElement>
}
```

## Usage

```tsx
import {ISearchBoxInstanceProps} from 'uxp/components';
```

## Examples

```tsx
<SearchBox
     value={inputValue}
     onChange={(newValue) => { setInputValue(newValue) }}
 />
```

```tsx
<SearchBox
     value={inputValue}
     onChange={(newValue) => { setInputValue(newValue) }}
     collapsed
     position="right"
 />
```