Switch Components

Il componente Switch consente la visualizzazione di un elemento di una lista di più elementi. Gli utenti possono scorrere i diversi figli del tag Switch cliccando su quello attualmente visualizzato.

Opzioni

• active | boolean: controlla se l'interruttore è attivo o meno. Default: true.
• tooltip | string: tooltip visualizzato quando si passa sopra l'elemento di commutazione. Default: none.
• tooltipPos | string: posizionamento del tooltip (top, left, right o bottom). Default: 'top'.
• className | string: nome della classe per l'elemento di campata che lo racchiude. Default: ''.
• style | object: Stili in linea CSS. Default: {}.
• onChange | function: richiamata quando gli elementi vengono commutati. Riceve come primo argomento l'indice del figlio attualmente visualizzato. Default: onChange() {}.

Esempi

• Minimal
• Custom Tooltip
• With Style

Editore dal vivo

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

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

Risultato

ReferenceError: Provider is not defined