Zum Hauptinhalt springen

Switch Components

Die Switch-Komponente ermöglicht die Anzeige eines Elements aus einer Liste mit mehreren Elementen. Benutzer können die verschiedenen Kinder des Switch-Tags durchlaufen, indem sie auf das aktuell angezeigte klicken.

Optionen

  • active | boolean: steuert, ob der Schalter aktiv ist oder nicht. Default: true.
  • tooltip | string: Tooltip, der angezeigt wird, wenn der Mauszeiger über dem Schalterelement steht. Default: none.
  • tooltipPos | string: Platzierung des Tooltips (entweder top, left, right oder bottom). Default: 'top'.
  • className | string: Klassenname für das umschließende span-Element. Default: ''.
  • style | object: CSS-Inline-Stile. Default: {}.
  • onChange | function: Callback, der aufgerufen wird, wenn Elemente umgeschaltet werden. Erhält als erstes Argument den Index des aktuell angezeigten Childs. Default: onChange() {}.

Beispiele

Live-Editor
Ergebnis
ReferenceError: Provider is not defined