CheSearchArea

表示

基本

<CheSearchArea defaultValue="テキスト" placeholder="placeholder" />

検索結果あり

<CheSearchArea
  placeholder="テキスト"
  result={[
    { id: "first", label: "first" },
    { id: "second", label: "second" },
    { id: "third", label: "third" },
  ]}
/>

Props

CheTextField の Props を継承しています。詳細は CheTextField を参照してください。

CheSearchArea 固有の Props

属性詳細デフォルト必須
result検索結果一覧{ id: string; label: string }[]?-No
onClickSearchItem検索結果アイテムクリック時(item: { id: string; label: string }) => void-No