InputSearch

Usage

import { InputSearch } from '@acronis-platform/ui-react';

InputSearch wraps Search and adds an optional label above the box (with a required marker). Every other prop — placeholder, value, onClear, disabled, … — passes straight through to Search. A visible label names the field automatically.

Examples

A labeled search field:

<InputSearch label="Find a report" placeholder="Search…" />

Required:

<InputSearch label="Search" required placeholder="Type to search" />

Controlled, with a clear handler (forwarded to Search):

const [query, setQuery] = React.useState('');

<InputSearch
  label="Search"
  value={query}
  onChange={(e) => setQuery(e.target.value)}
  onClear={() => setQuery('')}
/>

API Reference

InputSearchProps extends SearchProps, so it also accepts every prop documented there.