Accordion

Un élément en accordéon qui contrôle les glissières verticales.

Options

• active | number: index du curseur à ouvrir au début. Default: none.
• canCloseAll | boolean: si l'on peut effacer tous les en-têtes. Default: false.
• headers | array<(string|node)>: tableau de noms d'en-têtes. Default: none.
• headerStyle | object: on peut également attribuer un style aux barres d'en-tête. Default: none.
• headerClassName | string: cela passe outre le nom de classe donné aux en-têtes. Default: none.
• onChange | function: rappel invoqué avec l'index du nouveau curseur vertical actif. Default: onChange() {}.
• className | string: nom de la classe pour la division extérieure. Default: ''.
• style | object: Styles CSS en ligne pour les divisions externes. Default: none.

Exemples

• First item opened
• All items can close

Éditeur en direct

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

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

Résultat

ReferenceError: Provider is not defined