Switch Components

Switch-komponentti mahdollistaa yhden elementin näyttämisen useista elementeistä koostuvasta luettelosta. Käyttäjät voivat selata Switch-tunnisteen eri lapsia napsauttamalla parhaillaan näytettävää elementtiä.

Vaihtoehdot

• active | boolean: ohjaa, onko kytkin aktiivinen vai ei. Default: true.
• tooltip | string: työkaluvihje, joka näytetään, kun hiiren kursori siirretään kytkinelementin päälle.. Default: none.
• tooltipPos | string: työkaluvihjeen sijainti (joko top, left, right tai bottom).. Default: 'top'.
• className | string: ympäröivän span-elementin luokan nimi. Default: ''.
• style | object: CSS-inline-tyylit. Default: {}.
• onChange | function: callback, jota kutsutaan, kun elementtejä vaihdetaan. Vastaanottaa ensimmäisenä argumenttinaan parhaillaan näytettävän lapsen indeksin.. Default: onChange() {}.

Esimerkkejä

• Minimal
• Custom Tooltip
• With Style

Live Editor

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

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

Tulos

ReferenceError: Provider is not defined