BlueAI SearchInput
検索アイコン付きの入力フィールド。入力中はクリアボタンを表示。
|
import { SearchInput } from "@blueai/ui"Examples
Default
const [value, setValue] = useState("");
<SearchInput value={value} onChange={setValue} />Small size
<SearchInput value={value} onChange={setValue} size="sm" placeholder="メンバーを検索..." />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value* | string | — | 入力値 |
| onChange* | (value: string) => void | — | 値変更コールバック |
| placeholder | string | — | プレースホルダー（デフォルト: 検索...） |
| onClear | () => void | — | クリア時の追加コールバック |
| size | "sm" | "md" | — | サイズ（デフォルト: md） |
| className | string | — | 追加CSSクラス |