FieldSet(非推奨)
FieldSetコンポーネントは非推奨です。Fieldsetコンポーネントを使用してください。
Props
type
string
input 要素の type
値
autoFocus
falsetrue
オートフォーカスを行うかどうか
placeholder非推奨
string
@deprecated placeholder属性は非推奨です。別途ヒント用要素を設置するか、それらの領域を確保出来ない場合はTooltipコンポーネントの利用を検討してください。
prefix
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal
コンポーネント内の先頭に表示する内容
width
stringnumber
コンポーネントの幅
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 を下地の上に載せる場合に使う
label必須
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal
ラベル名
labelType
"screenTitle""sectionTitle""blockTitle""subBlockTitle""subSubBlockTitle"
ラベルのタイプ
labelTagType
"span""h1""h2""h3""h4""h5""h6""legend"
ラベル名の HTML 要素のタイプ
errorMessage
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortalReactNode[]
input 要素の下に表示するエラーメッセージ
helpMessage
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal
input 要素の下に表示するヘルプメッセージ
labelSuffix
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortal
ラベル部分の末尾に表示する内容