Przejdź do treści

RadioGroup

Jeden wybór z dwóch do sześciu opcji, które mają być widoczne naraz. Dla większej liczby użyj Select.

  • Radio
  • RadioGroup

PodglądLink do sekcji Podgląd

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

Dzień, podgląd: RadioGroup

Visibility
Everyone in Skribly team
You can change it later.
Density
Plan
Choose a plan.

Noc, podgląd: RadioGroup

Visibility
Everyone in Skribly team
You can change it later.
Density
Plan
Choose a plan.

Wysoki kontrast, podgląd: RadioGroup

Visibility
Everyone in Skribly team
You can change it later.
Density
Plan
Choose a plan.

UżycieLink do sekcji Użycie

tsx
import { Radio, RadioGroup } from '@skribly/ui/forms'
tsx
<RadioGroup label="Visibility" defaultValue="team">
  <Radio value="private">Only me</Radio>
  <Radio value="team">My team</Radio>
</RadioGroup>

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

  • Tab wchodzi do grupy na wybranej opcji; klawisze strzałek przesuwają i wybierają.
  • Wybrana opcja pokazuje kropkę, kształt, który przetrwa tryb wymuszonych kolorów.
  • Grupa pozioma zawija się na wąskim ekranie.

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 /