Select Input

Vybraná vstupní složka. Lze ji použít jako součást ovládacího panelu ISLE nebo samostatně. V druhém případě chcete zpracovávat změny pomocí atributu onChange nebo vázat hodnotu na globální proměnnou pomocí atributu bind.

Možnosti

bind | string: název globální proměnné, do které se číslo přiřadí.. Default: ''.
clearable | boolean: boolean hodnota udávající, zda lze vymazat provedené volby.. Default: none.
defaultValue | (number|string|array|object): výchozí hodnota vstupu při spuštění. Default: none.
disabled | boolean: řídí, zda je vstup aktivní, nebo ne. Default: false.
inline | boolean: označuje, zda se vstup zobrazuje inline. Default: false.
legend | (string|node): text zobrazený vedle vstupu. Default: ''.
menuPlacement | string: umístění nabídky vzhledem k ovládacímu prvku (buď automatické, horní, nebo spodní).. Default: 'auto'.
multi | boolean: kontroluje, zda lze vybrat více odpovědí.. Default: false.
onChange | function: funkce zpětného volání, která se vyvolá při volbě. Default: onChange() {}.
options | array: pole označující možnosti, které má uživatel k dispozici. Default: [].
placeholder | string: hodnota, která se zobrazí před provedením počáteční volby.. Default: none.
tooltip | string: text zobrazený při najetí na legendu. Default: none.
style | object: Řádkové styly CSS. Default: {}.

Příklady

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

Výsledek

ReferenceError: Provider is not defined

Možnosti​

Příklady​

Možnosti

Příklady