Vox Mente
Navegação

Componentes

Indicator Rating

beta

Avaliação de um indicador numa escala.

Ainda não é estável porque Pendência editorial: oQueE, quandoUsar, quandoNaoUsar; Rota não varrida pelo sensor. Ausência de medição não é aprovação. O contrato de maturidade explica o que cada requisito exige.

@voxmente/ui/components/ui/indicator-rating

Playground

Reconhece que duas palavras podem começar com o mesmo som.

Cognitivo
<IndicatorRatingRow
  indicator="Reconhece que duas palavras podem começar com o mesmo som."
  value={value}
  onValueChange={setValue}
/>

Uso

Uma linha do registro de aprendizagem: um indicador observável do material impresso, cruzado com o desempenho visto na aplicação.

Reconhece que duas palavras podem começar com o mesmo som.

Cognitivo

Objetivos

`objective` vem direto da tabela do material impresso: Cognitivo, De habilidade ou De comunicação. Cada um tem sua própria cor.

Reconhece que duas palavras podem começar com o mesmo som.

Cognitivo

Segura o lápis com preensão tripoide ao registrar a resposta.

De habilidade

Nomeia o objeto apresentado sem estímulo adicional.

De comunicação

Grupo

`IndicatorRatingGroup` empilha várias linhas na mesma superfície — é assim que a tabela `INDICADORES PARA O RELATÓRIO DE APRENDIZAGEM` vira tela.

Reconhece que duas palavras podem começar com o mesmo som.

Cognitivo

Associa a letra inicial ao som correspondente.

Cognitivo

Nota adicional

`note` fica sob o indicador — espaço para uma observação livre do profissional, sem competir com a escala.

Nomeia o objeto apresentado sem estímulo adicional.

De comunicaçãoPrecisou de pista visual nas duas primeiras tentativas.

Níveis customizados

`levels` substitui a escala padrão inteira. Use só quando o material impresso da lição define uma escala diferente das quatro faixas padrão.

Participa da atividade em grupo sem intervenção do professor.

Referência da API

Extraída do TypeScript de @voxmente/ui a cada build. Se divergir do código, o código mudou.

IndicatorRatingRow

PropTipoPadrão
indicator*string | number | bigint | boolean | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...> | null—
levels{ value: string; label: string; }[]DEFAULT_LEVELS as unknown as { value: string; label: string }[]
notestring | number | bigint | boolean | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<...> | null—
objective"Cognitivo" | "De habilidade" | "De comunicação"—
onValueChange((value: string) => void)—
valuestring—

Também aceita as props de React, incluindo className e os atributos de DOM.

IndicatorRatingGroup não tem props próprias — aceita apenas as props herdadas, incluindo className e os atributos de DOM.

Pendência editorial: o que é, quando usar, quando não usar, acessibilidade, componentes relacionados, exemplo em contexto de produto. A lacuna aparece aqui em vez de ser preenchida com orientação inventada.

Origem do dado
  • Demonstrações e playground: componente real de @voxmente/ui
  • Referência da API: TypeScript do pacote
  • Cor, espaçamento e raio das demonstrações: tokens de theme.css