Proportions Input

Proportsioonide sisendkomponent. Saab kasutada ISLE armatuurlaua osana või iseseisvalt. Viimasel juhul soovite muudatusi käsitleda atribuudi onChange kaudu või siduda väärtus globaalse muutujaga atribuudi bind kaudu.

Valikud

• colors | array<string>: pirukadiagrammi komponentide värvide massiivi. Kui seda ei ole määratud, kasutatakse kohandatud värviskaalat.. Default: none.
• disabled | boolean: kontrollib, kas sisendväli on deaktiveeritud.. Default: false.
• height | number: proportsioonid sisendkõrgus (px). Default: 200.
• legends | array: rühmamärgised. Default: [].
• onChange | function: callback-funktsioon, mis kutsutakse esile, kui valik on tehtud. Default: onChange(){}.
• precision | number: näidatud proportsiooniväärtuste täpsus. Default: 1.
• step | number: noolte samm, mida näeb, kui kursor viibib sisestusruumi kohal.. Default: 0.1.

Näited

Live toimetaja

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

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

Tulemus

ReferenceError: Provider is not defined