Proportions Input

Component that allows a group of people to vote on the weights and importance of given options.

Example:

<ProportionsInput
    user
    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" ]}
/>

Open interactive preview

Options:

  • disabled: boolean indicating that the component is not editable
  • height: number indicating the height of the element
  • innerRadius: number indicating the inner radius of the element
  • id: string - the ID of the component (required).
  • nElements: number of elements that shall be weighed.
  • legends: Array of strings that describe the options to be weighed.
  • colors: Array of strings that define the colors. If not defined, a custom color scale will be used.
  • margin: string in px which allows the correction of the number display.
  • onChange: callback function invoked whenever the user changes the values

results matching ""

    No results matching ""