Accordion

Akordeono komponentas, valdantis vertikalius šliaužiklius.

Parinktys

• active | number: pradžioje atidaromo slankiklio indeksas. Default: none.
• canCloseAll | boolean: ar galima suvesti visas antraštes. Default: false.
• headers | array<(string|node)>: antraštės pavadinimų masyvas. Default: none.
• headerStyle | object: taip pat galima priskirti stilių antraštės juostoms. Default: none.
• headerClassName | string: tai pakeičia duotą antraštės klasės pavadinimą. Default: none.
• onChange | function: iškviečiamas grįžtamasis skambutis su naujojo aktyvaus vertikalaus slankiklio indeksu. Default: onChange() {}.
• className | string: išorinio div klasės pavadinimas. Default: ''.
• style | object: "CSS" įvesties stiliai išoriniam divui. Default: none.

Pavyzdžiai

• First item opened
• All items can close

Tiesioginis redaktorius

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

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

Rezultatas

ReferenceError: Provider is not defined