Przejdź do treści

Switch

Ustawienie włączone i wyłączone, które działa od razu, bez przycisku zapisu. Dla wyboru zapisywanego z formularzem użyj Checkbox.

  • Switch

PodglądLink do sekcji Podgląd

Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.

Dzień, podgląd: Switch

Pauses the animations and transitions of the app.

Noc, podgląd: Switch

Pauses the animations and transitions of the app.

Wysoki kontrast, podgląd: Switch

Pauses the animations and transitions of the app.

UżycieLink do sekcji Użycie

tsx
import { Switch } from '@skribly/ui/forms'
tsx
<Switch defaultSelected onChange={setOn}>Sound on finish</Switch>

Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.

DostępnośćLink do sekcji Dostępność

  • Jest ogłaszany jako przełącznik z jego stanem włączony lub wyłączony.
  • Gałka się przesuwa i po włączeniu pokazuje ptaszek, więc stan to pozycja i znak.
  • Tryb wymuszonych kolorów zachowuje gałkę w kolorach systemowych.

Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.

Szukaj na stronie

Strzałki przenoszą między wynikami, Enter otwiera, Esc zamyka. Ctrl K /