ThemeSwatch
Motyw edytora narysowany jako mały edytor w jego kolorach, z nazwą. Z onPress jest przełącznikiem w siatce motywów; bez niego jest statycznym podglądem.
- ThemeSwatch
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: ThemeSwatch
Noc, podgląd: ThemeSwatch
Wysoki kontrast, podgląd: ThemeSwatch
UżycieLink do sekcji Użycie
import { ThemeSwatch } from '@skribly/ui/ops'<ThemeSwatch name={theme.label} colors={theme.preview} meta={<Badge size="sm">{t(`source.${theme.source}`)}</Badge>}
onPress={() => pick(theme)} isSelected={theme.id === active} selectedLabel={t('themes.selected')} />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ść
- Przycisk przełączany nazwany swoim widocznym tekstem, nazwą motywu na początku, wciśnięty, gdy wybrany; wybór pokazuje się też jako ramka w kolorze akcentu, pierścień, znacznik i słowo, a w trybie wymuszonych kolorów gruba ramka systemowa.
- Szkic jest ukryty przed czytnikami ekranu i zachowuje swoje kolory w trybie wymuszonych kolorów, bo jest obrazem motywu.
- Unosi się po najechaniu tylko wtedy, gdy ruch jest dozwolony.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.