Switch Components

Switch-komponenten gør det muligt at vise et element ud af en liste med flere elementer. Brugerne kan gå gennem de forskellige børn af Switch-taggen ved at klikke på det element, der vises i øjeblikket.

Indstillinger

• active | boolean: kontrollerer, om kontakten er aktiv eller ej. Default: true.
• tooltip | string: tooltip, der vises, når man holder musen hen over switch-elementet. Default: none.
• tooltipPos | string: placering af værktøjstip (enten top, left, right eller bottom). Default: 'top'.
• className | string: klassens navn for det omsluttende span-element. Default: ''.
• style | object: CSS inline-stilarter. Default: {}.
• onChange | function: callback, der påkaldes, når der skiftes mellem elementer. Modtager som sit første argument indekset for det aktuelt viste barn. Default: onChange() {}.

Eksempler

• 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>

Resultat

ReferenceError: Provider is not defined