Accordion

Un componente de acordeón que controla los deslizadores verticales.

Opciones

• active | number: índice de deslizamiento que se abrirá al principio. Default: none.
• canCloseAll | boolean: si uno puede colapsar todas las cabeceras. Default: false.
• headers | array<(string|node)>: una serie de nombres de encabezamiento. Default: none.
• headerStyle | object: también se puede asignar un estilo a las barras de la cabecera. Default: none.
• headerClassName | string: esto anula el nombre de clase dado de los encabezados. Default: none.
• onChange | function: llamada de retorno invocada con el índice del nuevo deslizador vertical activo. Default: onChange() {}.
• className | string: nombre de la clase para la división exterior. Default: ''.
• style | object: Estilos en línea de CSS para la división exterior. Default: none.

Ejemplos

• First item opened
• All items can close

Editor en 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