AccordionPanel

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

Props

AccordionPanel props

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

アコーディオンの内容

iconPosition
"left""right"

アイコンの左右位置

displayIcon
falsetrue

アイコンを表示するかどうか

expandableMultiply
falsetrue

複数のパネルを同時に開くことを許容するかどうか

defaultExpanded
string[]

デフォルトで開いた状態にするアイテムの name の配列

className
string

コンポーネントのクラス名

onClick
(expandedItems: string[]) => void

トリガのクリックイベントを処理するハンドラ

AccordionPanelItem props

name必須
string

アイテムを識別するための名前

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

アコーディオンのアイテムの内容

className
string

アイテムのクラス名

AccordionPanelTrigger props

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

ヘッダ部分の内容

className
string

ヘッダ部分のクラス名

headingType
"screenTitle""sectionTitle""blockTitle""subBlockTitle""subSubBlockTitle"

ヘッダ部分のテキストのスタイル

headingTag
"span""h1""h2""h3""h4""h5""h6""legend"

ヘッダ部分のタグ指定