Select Input

Pasirinktas į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

bind | string: pasaulinio kintamojo, kuriam priskiriamas skaičius, pavadinimas. Default: ''.
clearable | boolean: logaritminė reikšmė, rodanti, ar galima ištrinti padarytą (-us) pasirinkimą (-us).. Default: none.
defaultValue | (number|string|array|object): numatytoji įvesties vertė paleidimo metu. Default: none.
disabled | boolean: kontroliuoja, ar įvestis yra aktyvi, ar ne.. Default: false.
inline | boolean: nurodo, ar įvestis bus rodoma eilutėje.. Default: false.
legend | (string|node): šalia įvesties rodomas tekstas. Default: ''.
menuPlacement | string: meniu vieta valdiklio atžvilgiu (automatinis, viršutinis arba apatinis).. Default: 'auto'.
multi | boolean: kontroliuoja, ar galima pasirinkti kelis atsakymus.. Default: false.
onChange | function: grįžtamojo ryšio funkcija, kuri bus iškviesta pasirinkus.. Default: onChange() {}.
options | array: masyvas, kuriame nurodomi naudotojo galimi pasirinkimai.. Default: [].
placeholder | string: vertė, kuri bus rodoma prieš atliekant pradinį pasirinkimą.. Default: none.
tooltip | string: tekstas rodomas užvedus pelę ant legendos. Default: none.
style | object: CSS eilutės stiliai. Default: {}.

Pavyzdžiai

Tiesioginis redaktorius

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

Rezultatas

ReferenceError: Provider is not defined

Parinktys​

Pavyzdžiai​

Parinktys

Pavyzdžiai