Inputs

SearchBox

Search input with icon. rightAddons for custom buttons on the right. showPreview + renderPreview for dropdown below (portal, z-index 2000).

Basic
With submit on blur
With right addons (custom buttons)
With preview (dropdown below, portal)
Usage
import { SearchBox } from '@pulsesync/uikit'

<SearchBox
  placeholder="Search…"
  value={value}
  onChange={setValue}
  onSubmit={(v) => setValue(v)}
  rightAddons={<button type="button">Filter</button>}
  showPreview
  renderPreview={(query) => <ul>{suggestions.map(s => <li key={s}>{s}</li>)}</ul>}
/>