Checkbox
Checkbox to jedna odpowiedź tak lub nie zapisana razem z formularzem, na przykład akceptacja regulaminu. CheckboxGroup to kilka niezależnych wyborów pod jedną etykietą.
- Checkbox
- CheckboxGroup
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: Checkbox
Notify me about
When someone asks you to look at a change.
Sent to your email.
Accept the terms to continue.
Noc, podgląd: Checkbox
Notify me about
When someone asks you to look at a change.
Sent to your email.
Accept the terms to continue.
Wysoki kontrast, podgląd: Checkbox
Notify me about
When someone asks you to look at a change.
Sent to your email.
Accept the terms to continue.
UżycieLink do sekcji Użycie
import { Checkbox, CheckboxGroup } from '@skribly/ui/forms'<CheckboxGroup label="Notify me about" defaultValue={['mentions']}>
<Checkbox value="mentions">Mentions</Checkbox>
<Checkbox value="reviews">Review requests</Checkbox>
</CheckboxGroup>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ść
- Spacja przełącza; etykieta jest częścią celu, więc wiersz przekracza 24 px.
- Zaznaczone pokazuje ptaszek, a stan pośredni kreskę, oba zachowane w trybie wymuszonych kolorów.
- Grupa ma jedną etykietę, jeden opis i jeden błąd dla całego zestawu.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.