Proportions Input

O componentă de intrare de proporții. Poate fi utilizată ca parte a unui tablou de bord ISLE sau de sine stătător. În acest din urmă caz, doriți să gestionați modificările prin atributul onChange sau să legați valoarea de o variabilă globală prin atributul bind.

Opțiuni

colors | array<string>: matrice de culori pentru componentele graficului circular. Dacă nu este definită, se va utiliza o scară de culori personalizată.. Default: none.
disabled | boolean: controlează dacă câmpul de intrare este dezactivat sau nu. Default: false.
height | number: proporțiile înălțimii de intrare (în px). Default: 200.
legends | array: etichete de grup. Default: [].
onChange | function: funcția de callback care trebuie invocată atunci când se face o alegere. Default: onChange(){}.
precision | number: precizia afișată a valorilor proporțiilor. Default: 1.
step | number: pasul săgeților afișate la trecerea cursorului deasupra căsuței de intrare. Default: 0.1.

Exemple

Editor live

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

Rezultat

ReferenceError: Provider is not defined

Opțiuni​

Exemple​

Opțiuni

Exemple