Switch Components

De Switch-component maakt het mogelijk om één element uit een lijst van meerdere elementen weer te geven. Gebruikers kunnen door de verschillende kinderen van de Switch-tag bladeren door te klikken op de op dat moment getoonde tag.

Opties

• active | boolean: regelt of de schakelaar actief is of niet. Default: true.
• tooltip | string: tooltip weergegeven bij het zweven over het schakelelement. Default: none.
• tooltipPos | string: plaatsing van de tooltip (ofwel top, left, right, of bottom). Default: 'top'.
• className | string: Klasse-naam voor het omhulsel van het overspanningselement. Default: ''.
• style | object: CSS inline-stijlen. Default: {}.
• onChange | function: terugbellen wordt aangeroepen wanneer elementen worden geschakeld. Ontvangt als eerste argument de index van het op dat moment getoonde kind. Default: onChange() {}.

Voorbeelden

• Minimal
• Custom Tooltip
• With Style

Live redacteur

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

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

Resultaat

ReferenceError: Provider is not defined