Select Input

Valitse 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

• bind | string: sen globaalin muuttujan nimi, johon numero osoitetaan.. Default: ''.
• clearable | boolean: boolean-arvo, joka ilmaisee, voiko tehdyn valinnan (tehdyt valinnat) tyhjentää.. Default: none.
• defaultValue | (number|string|array|object): syötteen oletusarvo käynnistyksen yhteydessä. Default: none.
• disabled | boolean: ohjaa, onko tulo aktiivinen vai ei. Default: false.
• inline | boolean: ilmaisee, näytetäänkö syöttö rivissä. Default: false.
• legend | (string|node): syötteen vieressä näkyvä teksti. Default: ''.
• menuPlacement | string: valikon sijainti suhteessa ohjaimeen (joko "auto", "top" tai "bottom").. Default: 'auto'.
• multi | boolean: valvoo, voiko valita useita vastauksia. Default: false.
• onChange | function: callback-funktio, joka kutsutaan, kun valinta on tehty.. Default: onChange() {}.
• options | array: joukko, joka osoittaa käyttäjän käytettävissä olevat vaihtoehdot. Default: [].
• placeholder | string: arvo, joka näytetään ennen alkuperäisen valinnan tekemistä.. Default: none.
• tooltip | string: teksti, joka näytetään, kun hiiren kursori viedään legendan päälle. Default: none.
• style | object: CSS-inline-tyylit. Default: {}.

Esimerkkejä

Live Editor

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

Tulos

ReferenceError: Provider is not defined