Passa al contenuto principale

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
Risultato
Ultimo aggiornamento il {data} da Planeshifter