Radio Group · Up Web Studio DS

Instalação

npx up-web-ds add radio-group

Preview

Default

Distribuição do item

InternaPublicada pelo registry de consumo da equipe.RestritaUsável nas entregas, excluída de qualquer build compartilhável.

With Descriptions

Maturidade

incomingRecém-ingerido. Normalização e revisão ainda são do autor.experimentalNormalizado, em uso interno, fora do registry.stableDefinition of Done cumprida. É o único status distribuído.

With Disabled Option

Publicação

ManualAutomática a cada mergeIndisponível enquanto houver item incoming no catálogo.

Horizontal

Tema do preview

ClaroEscuroSistema

Metadata

Classificação

Layer: Primitive
Domínio: Domain-free (compartilhado)
Categoria: selection
Status: Stable

Origem e distribuição

Fonte: shadcn registry / radio-group
Licença: MIT
URL: https://ui.shadcn.com/r/styles/base-vega/radio-group.json
Distribuição: Interna

Acessibilidade

Teclado: revisado
Leitor de tela: revisado
Touch: revisado
Reduced motion: revisado

Teclado verificado por teste: o grupo inteiro custa um Tab stop — o segundo Tab sai dele —, as setas movem e escolhem ao mesmo tempo, a navegação dá a volta da última opção para a primeira, e uma opção desabilitada continua no grupo recusando a escolha. Leitor de tela verificado por teste: o grupo tem papel radiogroup nomeado pela pergunta via aria-labelledby, cada opção tem papel radio com aria-checked, a escolha é reportada pelo valor, o rótulo associado também escolhe, e aria-invalid é exposto no grupo sem trocar o papel dos controles. Touch verificado em navegador com emulação de toque em viewport de 375px: o círculo visível mede 16x16, mas o alvo desenhado pelo pseudo-elemento mede acima do mínimo de 24x24 da WCAG 2.2 SC 2.5.8, e a escolha por toque funciona pelo círculo e pelo rótulo. Reduced motion verificado com prefers-reduced-motion: reduce — a única transição é a do anel de foco, que colapsa para 1ms.

Dependências

Pacotes: @base-ui/react
Ícones: Nenhum
Construído sobre: Nenhum
Usado por: Nenhum ainda