Proportions Input

Proporcijų įvesties komponentas. Gali būti naudojamas kaip ISLE prietaisų skydelio dalis arba atskirai. Pastaruoju atveju norite apdoroti pakeitimus naudodami atributą onChange arba susieti reikšmę su pasauliniu kintamuoju naudodami atributą bind.

Parinktys

• colors | array<string>: skritulinės diagramos komponentų spalvų masyvas. Jei neapibrėžta, bus naudojama pasirinktinė spalvų skalė.. Default: none.
• disabled | boolean: kontroliuoja, ar įvesties laukas yra išjungtas.. Default: false.
• height | number: proporcijos įvesties aukštis (px). Default: 200.
• legends | array: grupių etiketės. Default: [].
• onChange | function: grįžtamojo ryšio funkcija, kuri bus iškviesta pasirinkus.. Default: onChange(){}.
• precision | number: rodomas proporcijų verčių tikslumas. Default: 1.
• step | number: rodyklių, matomų užvedus žymeklį virš įvesties langelio, žingsnis.. Default: 0.1.

Pavyzdžiai

Tiesioginis redaktorius

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

Rezultatas

ReferenceError: Provider is not defined