Switch Components

A Switch komponens lehetővé teszi egy elem megjelenítését egy több elemet tartalmazó listából. A felhasználók a Switch tag különböző gyermekei között az aktuálisan megjelenített elemre kattintva válogathatnak.

Opciók

• active | boolean: szabályozza, hogy a kapcsoló aktív-e vagy sem. Default: true.
• tooltip | string: tooltip, amely megjelenik, ha a kapcsolóelem fölé mozgatjuk a gépet. Default: none.
• tooltipPos | string: a tooltip elhelyezése (vagy top, left, right, vagy bottom). Default: 'top'.
• className | string: a körülvevő span elem osztályneve. Default: ''.
• style | object: CSS inline stílusok. Default: {}.
• onChange | function: callback, amelyet az elemek váltásakor hívnak meg. Első argumentumként az aktuálisan megjelenített gyermek indexét kapja.. Default: onChange() {}.

Példák

• Minimal
• Custom Tooltip
• With Style

Élő szerkesztő

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

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

Eredmény

ReferenceError: Provider is not defined