Przejdź do treści

Spinner

Mały pierścień dla oczekiwania o nieznanej długości, takiego jak ładowanie listy. Wybierz ProgressBar, gdy znany jest udział wykonanej pracy.

  • Spinner

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: Spinner

Noc, podgląd: Spinner

Wysoki kontrast, podgląd: Spinner

UżycieLink do sekcji Użycie

tsx
import { Spinner } from '@skribly/ui/feedback'
tsx
<Spinner label="Loading projects" showLabel />

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

  • Pasek postępu o nieokreślonej wartości nazwany przez label. showLabel pokazuje ten sam tekst, nie czytając go dwa razy. decorative ukrywa go wewnątrz kontrolki, która już mówi, że jest zajęta.
  • Przy ograniczonym ruchu obraca się powoli zamiast się zatrzymywać, więc nadal mówi, że praca trwa.

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 /