Select Input

Wybrany element wejściowy. Może być używany jako część deski rozdzielczej ISLE lub jako samodzielny element. W tym ostatnim przypadku, chcesz obsługiwać zmiany poprzez atrybut onChange lub powiązać wartość ze zmienną globalną poprzez atrybut bind.

Opcje

• bind | string: nazwa zmiennej globalnej dla numeru, który ma być przypisany do. Default: ''.
• clearable | boolean: wartość boolean wskazująca, czy można dokonać jednoznacznego wyboru. Default: none.
• defaultValue | (number|string|array|object): domyślna wartość wejścia przy uruchamianiu. Default: none.
• disabled | boolean: kontroluje, czy wejście jest aktywne, czy nie. Default: false.
• inline | boolean: wskazuje, czy wejście jest wyświetlane w linii. Default: false.
• legend | (string|node): tekst wyświetlany obok wejścia. Default: ''.
• menuPlacement | string: umiejscowienie menu w stosunku do sterowania (albo auto, top, albo dół). Default: 'auto'.
• multi | boolean: kontroluje, czy można wybrać wiele odpowiedzi. Default: false.
• onChange | function: funkcja wywołania zwrotnego, którą należy wywołać po dokonaniu wyboru. Default: onChange() {}.
• options | array: tablica wskazująca dostępne wybory użytkownika. Default: [].
• placeholder | string: wartość, która ma być wyświetlana przed dokonaniem wstępnego wyboru. Default: none.
• tooltip | string: tekst wyświetlany po najechaniu na legendę. Default: none.
• style | object: Style CSS inline. Default: {}.

Przykłady

Edytor na żywo

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

Wynik

ReferenceError: Provider is not defined