Overslaan naar hoofdinhoud

Select Input

Een selecte invoercomponent. Kan worden gebruikt als onderdeel van een ISLE-dashboard of stand-alone. In het laatste geval wilt u veranderingen afhandelen via het on-Change attribuut of de waarde binden aan een globale variabele via het bind attribuut.

Opties​

  • bind | string: naam van de globale variabele voor het toe te kennen nummer. Default: ''.
  • clearable | boolean: booleaanse waarde die aangeeft of men de gemaakte keuze(s) duidelijk kan maken. Default: none.
  • defaultValue | (number|string|array|object): standaardwaarde van de invoer bij het opstarten. Default: none.
  • disabled | boolean: controleert of de ingang actief is of niet. Default: false.
  • inline | boolean: geeft aan of de invoer inline wordt weergegeven. Default: false.
  • legend | (string|node): tekst die naast de invoer wordt weergegeven. Default: ''.
  • menuPlacement | string: plaatsing van het menu ten opzichte van de besturing (ofwel auto, top, of bottom). Default: 'auto'.
  • multi | boolean: controleert of men meerdere antwoorden mag selecteren. Default: false.
  • onChange | function: terugbelfunctie die moet worden ingeroepen wanneer een keuze wordt gemaakt. Default: onChange() {}.
  • options | array: array van het aangeven van de beschikbare keuzes van de gebruiker. Default: [].
  • placeholder | string: waarde die moet worden weergegeven voordat een eerste keuze wordt gemaakt. Default: none.
  • tooltip | string: tekst die wordt weergegeven wanneer men met de muis over de legende gaat. Default: none.
  • style | object: CSS inline-stijlen. Default: {}.

Voorbeelden​

Live redacteur
Resultaat
ReferenceError: Provider is not defined