Accordion

Pystysuoria liukusäätimiä ohjaava harmonikkakomponentti.

Vaihtoehdot

• active | number: alussa avattavan liukusäätimen indeksi. Default: none.
• canCloseAll | boolean: voidaanko kaikki otsikot sulkea. Default: false.
• headers | array<(string|node)>: joukko otsikon nimiä. Default: none.
• headerStyle | object: voidaan myös määrittää tyyli otsikkopalkkeihin.. Default: none.
• headerClassName | string: tämä ohittaa otsikoiden annetun luokan nimen.. Default: none.
• onChange | function: callback, jota kutsutaan uuden aktiivisen pystysuoran liukusäätimen indeksillä. Default: onChange() {}.
• className | string: luokan nimi ulommalle div:lle. Default: ''.
• style | object: CSS-inline-tyylit ulommalle div:lle. Default: none.

Esimerkkejä

• First item opened
• All items can close

Live Editor

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

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

Tulos

ReferenceError: Provider is not defined