Proportions Input

Mittasuhteet tulokomponentti. Voidaan käyttää osana ISLE-kojelautaa tai itsenäisesti. Jälkimmäisessä tapauksessa haluat käsitellä muutokset onChange-attribuutilla tai sitoa arvon globaaliin muuttujaan bind-attribuutilla.

Vaihtoehdot

colors | array<string>: piirakkakaavion komponenttien värit. Jos sitä ei ole määritelty, käytetään mukautettua väriasteikkoa.. Default: none.
disabled | boolean: ohjaa, onko syöttökenttä poistettu käytöstä.. Default: false.
height | number: mittasuhteet syöttökorkeus (px). Default: 200.
legends | array: ryhmätunnisteet. Default: [].
onChange | function: callback-funktio, joka kutsutaan, kun valinta on tehty.. Default: onChange(){}.
precision | number: suhteellisten arvojen näytetty tarkkuus. Default: 1.
step | number: nuolien askel, joka näkyy, kun kursori viedään syöttöruudun yläpuolelle.. Default: 0.1.

Esimerkkejä

Live Editor

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

Tulos

ReferenceError: Provider is not defined

Vaihtoehdot​

Esimerkkejä​

Vaihtoehdot

Esimerkkejä