搜索框 Search

<div class="xxd-input-wrap">
  <i data-xxd-icon="Search" data-size="16"></i>
  <input class="xxd-input" type="search" placeholder="搜索设置（⌘F）">
  <button class="xxd-input-clear" aria-label="清空"><i data-xxd-icon="X" data-size="14"></i></button>
</div>

export function SearchDemo() {
  const [q, setQ] = useState("");
  return <Search value={q} onValueChange={setQ} placeholder="搜索设置" />;
}