Accordion

垂直方向のスライダーを制御するアコーディオンコンポーネント。

オプション

• active | number: 先頭に開くスライダーのインデックス. Default: none.
• canCloseAll | boolean: すべてのヘッダを折りたたむことができるかどうか. Default: false.
• headers | array<(string|node)>: ヘッダー名の配列. Default: none.
• headerStyle | object: ヘッダーバーにスタイルを割り当てることもできます。. Default: none.
• headerClassName | string: これはヘッダの指定されたクラス名を上書きします。. Default: none.
• onChange | function: コールバックは、新しいアクティブな垂直スライダーのインデックスで呼び出されます。. Default: onChange() {}.
• className | string: 外字クラス名. Default: ''.
• style | object: 外側のdivのためのCSSインラインスタイル. Default: none.

例としては、以下のようなものがあります。

• First item opened
• All items can close

ライブエディター

<Accordion headers={[ 'First Question', 'Second Question' ]} active={0} > <FreeTextQuestion /> <FreeTextQuestion /> </Accordion>

<Accordion headers={[ 'First Question', 'Second Question' ]} active={0} >
    <FreeTextQuestion />
    <FreeTextQuestion />
</Accordion>

結果

ReferenceError: Provider is not defined