loom muslin

Search Input

Search field with the magnifier prefix and a clear button built in — same value API as Input.

Previewlive — edit controls below

Content

Appearance

Toolbar search

import { SearchInput } from "@loom/muslin-react";

const [query, setQuery] = useState("");

<SearchInput
  aria-label="Search invoices"
  placeholder="Search invoices…"
  value={query}
  onChange={setQuery}
/>