LanguageBanner
Mówi czytelnikowi, co dzieje się z tłumaczeniem: pobieranie, offline, niepowodzenie albo gotowe. Może powtórzyć komunikat w drugim języku, gdy pierwszego jeszcze brakuje.
- LanguageBanner
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: LanguageBanner
Noc, podgląd: LanguageBanner
Wysoki kontrast, podgląd: LanguageBanner
UżycieLink do sekcji Użycie
import { LanguageBanner } from '@skribly/ui/navigation'<LanguageBanner state="offline" title="Offline" onDismiss={hide} dismissLabel="Dismiss"
secondary={{ lang: 'pl', text: 'Brak internetu.' }}>
The translation downloads once you are online.
</LanguageBanner>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ść
- Region statusu typu polite, więc nigdy nie przerywa; zostaw go zamontowanego i zmieniaj jego stan, aby czytniki ekranu usłyszały aktualizację.
- Każdy stan ma własną ikonę i słowo w tytule, a nie tylko kolor.
- Nigdy sam się nie ukrywa: zostaje, dopóki stan się nie zmieni albo czytelnik go nie zamknie.
- Umieszczenie pływające rozciąga się na szerokość na wąskich ekranach.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.