Select Input

Valige sisendkomponent. Saab kasutada ISLE armatuurlaua osana või iseseisvalt. Viimasel juhul soovite muudatusi käsitleda atribuudi onChange kaudu või siduda väärtus globaalse muutujaga atribuudi bind kaudu.

Valikud

bind | string: globaalse muutuja nimi, millele tuleb määrata number. Default: ''.
clearable | boolean: boolean väärtus, mis näitab, kas tehtud valik(ud) võib(vad) kustutada.. Default: none.
defaultValue | (number|string|array|object): sisendi vaikeväärtus käivitamisel. Default: none.
disabled | boolean: kontrollib, kas sisend on aktiivne või mitte. Default: false.
inline | boolean: näitab, kas sisend kuvatakse rivis. Default: false.
legend | (string|node): sisendi kõrval kuvatav tekst. Default: ''.
menuPlacement | string: menüü paigutus juhtnupu suhtes (kas "automaatne", "ülemine" või "alumine").. Default: 'auto'.
multi | boolean: kontrollib, kas võib valida mitu vastust. Default: false.
onChange | function: callback-funktsioon, mis kutsutakse esile, kui valik on tehtud. Default: onChange() {}.
options | array: massiivi, mis näitab kasutajale kättesaadavaid valikuid. Default: [].
placeholder | string: väärtus, mis kuvatakse enne esialgse valiku tegemist. Default: none.
tooltip | string: tekst, mis kuvatakse, kui hõljuda legendi kohal. Default: none.
style | object: CSS inline stiilid. Default: {}.

Näited

Live toimetaja

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

Tulemus

ReferenceError: Provider is not defined

Valikud​

Näited​

Valikud

Näited