Accordion

Eine Akkordeon-Komponente, die vertikale Schieberegler steuert.

Optionen

• active | number: Index des anfangs zu öffnenden Schiebers. Default: none.
• canCloseAll | boolean: ob man alle Kopfzeilen einklappen kann. Default: false.
• headers | array<(string|node)>: Array von Kopfzeilennamen. Default: none.
• headerStyle | object: Man kann den Kopfleisten auch einen Stil zuweisen. Default: none.
• headerClassName | string: dies überschreibt den angegebenen Klassennamen der Header. Default: none.
• onChange | function: Callback, der mit dem Index des neuen aktiven vertikalen Schiebereglers aufgerufen wird. Default: onChange() {}.
• className | string: Klassenname für äußeres div. Default: ''.
• style | object: CSS-Inline-Stile für äußeres div. Default: none.

Beispiele

• 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>

Ergebnis

ReferenceError: Provider is not defined