Accordion

Un componente a fisarmonica che controlla i cursori verticali.

Opzioni

• active | number: indice del cursore da aprire all'inizio. Default: none.
• canCloseAll | boolean: se si possono far crollare tutte le testate. Default: false.
• headers | array<(string|node)>: array di nomi di intestazione. Default: none.
• headerStyle | object: si può anche assegnare uno stile alle barre di intestazione. Default: none.
• headerClassName | string: questo supera il nome di classe dato alle intestazioni. Default: none.
• onChange | function: richiamata invocata con indice del nuovo cursore verticale attivo. Default: onChange() {}.
• className | string: nome della classe per il div esterno. Default: ''.
• style | object: Stili in linea CSS per il div esterno. Default: none.

Esempi

• First item opened
• All items can close

Editore dal vivo

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

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

Risultato

ReferenceError: Provider is not defined