Select Input

O componentă de intrare selectată. 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

• bind | string: numele variabilei globale pentru numărul care urmează să fie atribuit. Default: ''.
• clearable | boolean: valoare booleană care indică dacă se poate șterge opțiunea (opțiunile) făcută (făcute). Default: none.
• defaultValue | (number|string|array|object): valoarea implicită a intrării la pornire. Default: none.
• disabled | boolean: controlează dacă intrarea este activă sau nu. Default: false.
• inline | boolean: indică dacă datele de intrare sunt afișate în linie. Default: false.
• legend | (string|node): textul afișat lângă intrarea. Default: ''.
• menuPlacement | string: plasarea meniului în raport cu controlul (fie auto, top, sau bottom). Default: 'auto'.
• multi | boolean: controlează dacă se pot selecta mai multe răspunsuri. Default: false.
• onChange | function: funcția de callback care trebuie invocată atunci când se face o alegere. Default: onChange() {}.
• options | array: matrice de indicare a opțiunilor disponibile pentru utilizator. Default: [].
• placeholder | string: valoarea care urmează să fie afișată înainte de a se face o alegere inițială. Default: none.
• tooltip | string: text afișat la trecerea peste legendă. Default: none.
• style | object: Stiluri inline CSS. Default: {}.

Exemple

Editor live

<SelectInput legend="Choose the test direction" defaultValue="two-sided" options={[ 'left-sided', 'right-sided', 'two-sided' ]} />

<SelectInput
    legend="Choose the test direction"
    defaultValue="two-sided"
    options={[
        'left-sided',
        'right-sided',
        'two-sided'
    ]}
/>

Rezultat

ReferenceError: Provider is not defined