AccordionPanel

Props

AccordionPanel props

NameRequiredTypeDescription
childrentruestring, number, false, true, ReactElement<any, string | JSXElementConstructor<any>>, ReactFragment, ReactPortalアコーディオンの内容
iconPosition-"left", "right"アイコンの左右位置
displayIcon-false, trueアイコンを表示するかどうか
expandableMultiply-false, true複数のパネルを同時に開くことを許容するかどうか
defaultExpanded-string[]デフォルトで開いた状態にするアイテムの `name` の配列
className-stringコンポーネントのクラス名
onClick-(expandedItems: string[]) => voidトリガのクリックイベントを処理するハンドラ

AccordionPanelItem props

NameRequiredTypeDescription
nametruestringアイテムを識別するための名前
childrentruestring, number, false, true, ReactElement<any, string | JSXElementConstructor<any>>, ReactFragment, ReactPortalアコーディオンのアイテムの内容
className-stringアイテムのクラス名

AccordionPanelTrigger props

NameRequiredTypeDescription
childrentruestring, number, false, true, ReactElement<any, string | JSXElementConstructor<any>>, ReactFragment, ReactPortalヘッダ部分の内容
className-stringヘッダ部分のクラス名
headingType-"screenTitle", "sectionTitle", "blockTitle", "subBlockTitle", "subSubBlockTitle"ヘッダ部分のテキストのスタイル
headingTag-"h1", "h2", "h3", "h4", "h5", "h6", "legend", "span"ヘッダ部分のタグ指定