Accordion

Um componente de acordeão que controla os deslizadores verticais.

Opções

• active | number: índice de deslizamento a ser aberto no início. Default: none.
• canCloseAll | boolean: se é possível derrubar todos os cabeçalhos. Default: false.
• headers | array<(string|node)>: matriz de nomes de cabeçalho. Default: none.
• headerStyle | object: também se pode atribuir um estilo às barras de cabeçalho. Default: none.
• headerClassName | string: isto anula o nome da classe dada dos cabeçalhos. Default: none.
• onChange | function: chamada de retorno invocada com índice de novo deslizador vertical ativo. Default: onChange() {}.
• className | string: nome da classe para mergulho externo. Default: ''.
• style | object: Estilos em linha de CSS para mergulho externo. Default: none.

Exemplos

• First item opened
• All items can close

Editor ao vivo

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

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

Resultado

ReferenceError: Provider is not defined