Gå til hovedindhold

Select Input

En udvalgt indgangskomponent. Kan bruges som en del af et ISLE-dashboard eller som en selvstændig komponent. I sidstnævnte tilfælde skal du håndtere ændringer via onChange-attributten eller binde værdien til en global variabel via bind-attributten.

Indstillinger​

  • bind | string: navnet på den globale variabel for det nummer, der skal tildeles. Default: ''.
  • clearable | boolean: boolsk værdi, der angiver, om man kan slette de(t) valg, der er foretaget. Default: none.
  • defaultValue | (number|string|array|object): standardværdi for input ved opstart. Default: none.
  • disabled | boolean: styrer, om indgangen er aktiv eller ej. Default: false.
  • inline | boolean: angiver, om input vises inline. Default: false.
  • legend | (string|node): tekst, der vises ved siden af indtastningen. Default: ''.
  • menuPlacement | string: menuens placering i forhold til kontrolelementet (enten "automatisk", "øverst" eller bottom). Default: 'auto'.
  • multi | boolean: kontrollerer, om man kan vælge flere svar. Default: false.
  • onChange | function: callback-funktion, der skal påkaldes, når der er truffet et valg. Default: onChange() {}.
  • options | array: array med angivelse af de valgmuligheder, der er til rådighed for brugeren. Default: [].
  • placeholder | string: værdi, der skal vises, før der træffes et første valg. Default: none.
  • tooltip | string: tekst, der vises, når man holder musen over legenden. Default: none.
  • style | object: CSS inline-stilarter. Default: {}.

Eksempler​

Live Editor
Resultat
ReferenceError: Provider is not defined