Proportions Survey

Componente que permite a um grupo de pessoas votar sobre os pesos e a importância de determinadas opções.

Opções

• allowMultipleAnswers | boolean: controla se se deseja permitir que os estudantes respondam à pesquisa várias vezes. Default: false.
• anonymous | boolean: controla se as respostas dos estudantes são anônimas. Default: false.
• colors | array: variedade de cores para os componentes da carta de tortas. Se não for definida, será utilizada uma escala de cores personalizada. Default: none.
• disabled | boolean: controla se a pesquisa está desativada. Default: false.
• group | string: título de exibição de grupo. Default: 'group results'.
• groupHeight | number: proporções altura de entrada para exibição do grupo (em px). Default: 100.
• legends | array: etiquetas com legendas que descrevem as opções a serem pesadas. Default: [].
• margin | string: margem de entrada proporcional (em px). Default: '40px'.
• onSubmit | function: função de chamada de retorno invocada quando os alunos submetem uma resposta. Default: onSubmit() {}.
• personalHeight | number: proporções altura de entrada para cada estudante (em px). Default: 200.
• precision | number: precisão exibida dos valores de proporção. Default: 2.
• question | (string|node): a pergunta a ser exibida. Default: ''.
• step | number: o passo das setas vistas ao passar o cursor por cima da caixa de entrada. Default: 0.25.

Exemplos

Editor ao vivo

<ProportionsSurvey id="Survey" question="Decide what is important" group="Group decision" nElements={3} colors = {[ "red", "blue", "gold" ]} personalHeight={300} groupHeight={200} margin="80px" legends={[ "bitcoin", "old", "diamonds" ]} />

<ProportionsSurvey 
    id="Survey"
    question="Decide what is important"
    group="Group decision"
    nElements={3}
    colors = {[ "red", "blue", "gold" ]}
    personalHeight={300}
    groupHeight={200}
    margin="80px"
    legends={[ "bitcoin", "old", "diamonds" ]}
/>

Resultado

ReferenceError: Provider is not defined