Select Input

Eine ausgewählte Eingabekomponente. Kann als Teil eines ISLE Dashboards oder standalone verwendet werden. Im letzteren Fall wollen Sie Änderungen über das Attribut onChange behandeln oder den Wert über das Attribut bind an eine globale Variable binden.

Optionen

• bind | string: Name der globalen Variablen, der die Nummer zugewiesen werden soll. Default: ''.
• clearable | boolean: boolescher Wert, der angibt, ob man die getroffene(n) Auswahl(en) löschen darf. Default: none.
• defaultValue | (number|string|array|object): Vorgabewert des Eingangs beim Starten. Default: none.
• disabled | boolean: steuert, ob der Eingang aktiv ist oder nicht. Default: false.
• inline | boolean: gibt an, ob die Eingabe inline angezeigt wird. Default: false.
• legend | (string|node): Text, der neben dem Eingang angezeigt wird. Default: ''.
• menuPlacement | string: Platzierung des Menüs in Bezug auf das Steuerelement (entweder auto, top oder bottom). Default: 'auto'.
• multi | boolean: steuert, ob man mehrere Antworten auswählen darf. Default: false.
• onChange | function: Callback-Funktion, die aufgerufen wird, wenn eine Auswahl getroffen wird. Default: onChange() {}.
• options | array: Array, das die dem Benutzer zur Verfügung stehenden Auswahlmöglichkeiten anzeigt. Default: [].
• placeholder | string: Wert, der angezeigt werden soll, bevor eine erste Auswahl getroffen wird. Default: none.
• tooltip | string: Text, der angezeigt wird, wenn der Mauszeiger über die Legende bewegt wird. Default: none.
• style | object: CSS-Inline-Stile. Default: {}.

Beispiele

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

Ergebnis

ReferenceError: Provider is not defined