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

• Minimal
• Custom Tooltip
• With Style

Live-Editor

<Switch> <span>Option 1</span> <span>Option 2</span> </Switch>

<Switch>
    <span>Option 1</span>
    <span>Option 2</span>
</Switch>

Ergebnis

ReferenceError: Provider is not defined