Switch Components

O componente Switch permite a exibição de um elemento de uma lista de vários elementos. Os usuários podem percorrer os diferentes filhos da tag Switch clicando na tag atualmente exibida.

Opções

• active | boolean: controla se o interruptor está ativo ou não. Default: true.
• tooltip | string: ponteira de ferramentas exibida ao pairar sobre o elemento de comutação. Default: none.
• tooltipPos | string: colocação da ponta da ferramenta (ou top, left, right, ou bottom). Default: 'top'.
• className | string: nome da classe para o elemento de vão do invólucro. Default: ''.
• style | object: Estilos em linha CSS. Default: {}.
• onChange | function: chamada de retorno invocada quando os elementos são trocados. Recebe como seu primeiro argumento o índice da criança atualmente exibida. Default: onChange() {}.

Exemplos

• Minimal
• Custom Tooltip
• With Style

Editor ao 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