Switch Components

Le composant "Switch" permet d'afficher un élément parmi une liste de plusieurs éléments. L'utilisateur peut faire défiler les différents enfants de la balise Switch en cliquant sur celui qui est actuellement affiché.

Options

• active | boolean: contrôle si l'interrupteur est actif ou non. Default: true.
• tooltip | string: info-bulle affichée lors du survol de l'élément de commutation. Default: none.
• tooltipPos | string: le placement de l'infobulle (soit top, left, right ou bottom). Default: 'top'.
• className | string: le nom de la classe de l'élément de portée enveloppante. Default: ''.
• style | object: Styles CSS en ligne. Default: {}.
• onChange | function: rappel invoqué lors de la commutation des éléments. Reçoit comme premier argument l'index de l'enfant actuellement affiché. Default: onChange() {}.

Exemples

• Minimal
• Custom Tooltip
• With Style

Éditeur en direct

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

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

Résultat

ReferenceError: Provider is not defined