Switch Components

El componente Switch permite la visualización de un elemento de una lista de varios elementos. Los usuarios pueden recorrer los diferentes hijos de la etiqueta Switch haciendo clic en el que se muestra actualmente.

Opciones

• active | boolean: controla si el interruptor está activo o no. Default: true.
• tooltip | string: La punta de la herramienta que se muestra al pasar por encima del elemento interruptor. Default: none.
• tooltipPos | string: colocación de la punta de la herramienta (ya sea top, left, right o bottom). Default: 'top'.
• className | string: nombre de la clase para el elemento de vano que lo encierra. Default: ''.
• style | object: Estilos en línea CSS. Default: {}.
• onChange | function: llamada de retorno invocada cuando se cambian los elementos. Recibe como primer argumento el índice del hijo que se muestra actualmente. Default: onChange() {}.

Ejemplos

• Minimal
• Custom Tooltip
• With Style

Editor en vivo

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

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

Resultado

ReferenceError: Provider is not defined