ToggleButton

Przycisk, który zostaje włączony albo wyłączony, dla opcji widoku, takich jak zawijanie linii albo pokazywanie tylko twoich pozycji. Dla ustawień, które się zapisują, użyj Switch.

ToggleButton

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: ToggleButton

Outline

Ghost, small

Noc, podgląd: ToggleButton

Outline

Ghost, small

Wysoki kontrast, podgląd: ToggleButton

Outline

Ghost, small

UżycieLink do sekcji Użycie

tsx

import { ToggleButton } from '@skribly/ui/actions'

tsx

<ToggleButton isSelected={wrap} onChange={setWrap}>
  <WrapText aria-hidden />
  Wrap lines
</ToggleButton>

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ść

Udostępnia aria-pressed, więc czytniki ekranu mówią „wciśnięty” albo „niewciśnięty”.
Spacja lub Enter go przełącza.
Stan włączony zmienia wypełnienie i grubość ramki, nigdy sam kolor, a w trybie wymuszonych kolorów używa wyróżnienia systemowego.

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