SearchField
Tekst, który filtruje albo wyszukuje, z przyciskiem czyszczenia i opcjonalną podpowiedzią klawisza. Bez widocznej etykiety nadaj mu aria-label.
- SearchField
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: SearchField
/
Noc, podgląd: SearchField
/
Wysoki kontrast, podgląd: SearchField
/
UżycieLink do sekcji Użycie
import { SearchField } from '@skribly/ui/forms'<SearchField aria-label="Search issues" placeholder="Search issues" shortcut="/" />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 polem searchbox: Escape je czyści, a Enter wysyła.
- Przycisk czyszczenia ma nazwę i pokazuje się tylko wtedy, gdy jest tekst.
- Podczas ładowania loadingLabel jest ogłaszane w trybie polite; wskaźnik zatrzymuje się przy ograniczonym ruchu.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.