SearchInput

検索欄のためのInputです。

処理中
ドラッグして幅を変更
ドラッグして高さを変更
処理中

Props

autoFocus
falsetrue

オートフォーカスを行うかどうか

placeholder非推奨
string

@deprecated placeholder属性は非推奨です。別途ヒント用要素を設置するか、それらの領域を確保出来ない場合はTooltipコンポーネントの利用を検討してください。

error
falsetrue

フォームにエラーがあるかどうか

width
stringnumber

コンポーネントの幅

decorators
DecoratorsType<"iconAlt">
suffix
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal

コンポーネント内の末尾に表示する内容

type
string

input 要素の type

bgColor
"COLUMN""BASE_GREY""OVER_BACKGROUND""HEAD""BORDER""ACTION_BACKGROUND""BACKGRUOND"

背景色。readOnly を下地の上に載せる場合に使う

tooltipMessage必須
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal

入力欄の説明を紐付けるツールチップに表示するメッセージ