Input
Samo pole tekstowe, do budowania pola z części React Aria albo dla Field wokół niego. Większość formularzy potrzebuje TextField, który zawiera etykietę.
- Input
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: Input
Without https://
Noc, podgląd: Input
Without https://
Wysoki kontrast, podgląd: Input
Without https://
UżycieLink do sekcji Użycie
import { Input } from '@skribly/ui/forms'<Field label="Domain">{(control) => <Input {...control} />}</Field>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ść
- Samo nie ma nazwy: umieść je w Field, w polu React Aria albo nadaj mu aria-label.
- Tekst ma 16 px poniżej breakpointu sm, aby iOS nie powiększał widoku.
- Obwódka fokusa pochodzi z domyślnych stylów strony i pozostaje widoczna w trybie wymuszonych kolorów.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.