Input

SmartHR UI

Storybook GitHub

別画面で開く

処理中

ドラッグして幅を変更

ドラッグして高さを変更

処理中

Props

type

string

input 要素の type 値

error

falsetrue

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

width

stringnumber

コンポーネントの幅

autoFocus

falsetrue

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

prefix

stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal

コンポーネント内の先頭に表示する内容

suffix

stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal

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

bgColor

"GREY_5""GREY_6""GREY_7""GREY_9""GREY_20""GREY_30""GREY_65""GREY_100""WHITE""BACKGROUND""COLUMN""BASE_GREY""OVER_BACKGROUND""HEAD""BORDER""ACTION_BACKGROUND"

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

placeholder非推奨

string

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