FormGroup(非推奨)

FormgGroupコンポーネントは非推奨です。FormControlFieldsetコンポーネントを使用してください。
処理中
ドラッグして幅を変更
ドラッグして高さを変更
処理中

Props

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

グループのタイトル名

titleType
"screenTitle""sectionTitle""blockTitle""subBlockTitle""subSubBlockTitle"

タイトルの見出しのタイプ

htmlFor
string

label 要素に適用する htmlFor

labelId
string

label 要素に適用する id

innerMargin
00.250.50.7511.251.522.533.548-0.25-0.5-0.75-1-1.25-1.5-2-2.5-3-3.5-4-8"XXS""XS""S""M""L""XL""XXL""X3S""X3L"

タイトル群と子要素の間の間隔調整用(基本的には不要)

statusLabelProps
Props & ElementProps(Props & ElementProps)[]

タイトルの隣に表示する StatusLabel の Props の配列

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

タイトルの下に表示するヘルプメッセージ

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

タイトルの下に表示する入力例

errorMessages
stringnumberfalsetrueReactElement<any, string | JSXElementConstructor<any>>Iterable<ReactNode>ReactPortalReactNode[]

タイトルの下に表示するエラーメッセージ

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

フォームコントロールの下に表示する補足メッセージ

disabled
falsetrue

true のとき、文字色を TEXT_DISABLED にする

className
string

コンポーネントに適用するクラス名