Switch Components

Componenta Switch permite afișarea unui singur element dintr-o listă de mai multe elemente. Utilizatorii pot trece prin diferiți copii ai etichetei Switch făcând clic pe cel afișat în prezent.

Opțiuni

• active | boolean: controlează dacă comutatorul este activ sau nu. Default: true.
• tooltip | string: tooltip afișat atunci când treceți deasupra elementului de comutare. Default: none.
• tooltipPos | string: plasarea tooltip-ului (fie top, left, right, sau bottom). Default: 'top'.
• className | string: numele clasei pentru elementul de încadrare span. Default: ''.
• style | object: Stiluri inline CSS. Default: {}.
• onChange | function: callback invocat atunci când elementele sunt schimbate. Primește ca prim argument indexul copilului afișat în mod curent.. Default: onChange() {}.

Exemple

• Minimal
• Custom Tooltip
• With Style

Editor live

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

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

Rezultat

ReferenceError: Provider is not defined