AccordionPanel

Props

AccordionPanel props

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

AccordionPanelItem props

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

AccordionPanelTrigger props

NameRequiredTypeDefault ValueDescription
childrentruestring, number, false, true, {}, ReactElement<any, string | JSXElementConstructor<any>>, ReactNodeArray, ReactPortalヘッダ部分の内容
className-stringヘッダ部分のクラス名
headingType-"screenTitle", "sectionTitle", "blockTitle", "subBlockTitle", "subSubBlockTitle"ヘッダ部分のテキストのスタイル
headingTag-"h1", "h2", "h3", "h4", "h5", "h6", "span"ヘッダ部分のタグ指定
© 2021, SmartHR, Inc.