Switch Components

Komponent przełącznika pozwala na wyświetlenie jednego elementu z listy kilku elementów. Użytkownicy mogą przełączać się pomiędzy różnymi dziećmi znacznika Switch, klikając na aktualnie wyświetlany element.

Opcje

• active | boolean: kontroluje, czy przełącznik jest aktywny, czy nie. Default: true.
• tooltip | string: etykieta narzędzi wyświetlana po najechaniu na element przełączający. Default: none.
• tooltipPos | string: umiejscowienie końcówki narzędzia (top, left, right lub bottom). Default: 'top'.
• className | string: nazwa klasy dla zamkniętego elementu przęsła. Default: ''.
• style | object: Style CSS inline. Default: {}.
• onChange | function: wywołanie zwrotne po włączeniu elementów. Otrzymuje jako swój pierwszy argument indeks aktualnie wyświetlanego dziecka. Default: onChange() {}.

Przykłady

• Minimal
• Custom Tooltip
• With Style

Edytor na żywo

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

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

Wynik

ReferenceError: Provider is not defined