Select Input

Un componente di ingresso selezionato. Può essere utilizzato come parte di un cruscotto ISLE o autonomo. In quest'ultimo caso, si desidera gestire le modifiche tramite l'attributo onChange o legare il valore ad una variabile globale tramite l'attributo bind.

Opzioni

• bind | string: nome della variabile globale per il numero da assegnare a. Default: ''.
• clearable | boolean: valore booleano che indica se si può chiarire la scelta o le scelte effettuate. Default: none.
• defaultValue | (number|string|array|object): valore predefinito dell'ingresso all'avvio. Default: none.
• disabled | boolean: controlla se l'ingresso è attivo o meno. Default: false.
• inline | boolean: indica se l'ingresso viene visualizzato in linea. Default: false.
• legend | (string|node): testo visualizzato accanto all'input. Default: ''.
• menuPlacement | string: posizionamento del menu in relazione al controllo (sia auto, top, o bottom). Default: 'auto'.
• multi | boolean: controlla se si possono selezionare più risposte. Default: false.
• onChange | function: funzione di richiamo da invocare quando si effettua una scelta. Default: onChange() {}.
• options | array: array di indicazione delle scelte disponibili per l'utente. Default: [].
• placeholder | string: valore da visualizzare prima di una scelta iniziale. Default: none.
• tooltip | string: testo visualizzato quando si passa sopra la legenda. Default: none.
• style | object: Stili in linea CSS. Default: {}.

Esempi

Editore dal vivo

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

Risultato

ReferenceError: Provider is not defined