vuetifyjs/vuetify

[Feature Request] Add :text prop to <v-checkbox>

Open

#21.773 aberto em 17 de jul. de 2025

Ver no GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (7.139 forks)batch import
C: VCheckboxT: featuregood first issue

Métricas do repositório

Stars
 (40.995 stars)
Métricas de merge de PR
 (Mesclagem média 59d 10h) (8 fundiu PRs em 30d)

Description

Problem to solve

Allow devs to add additional info on what checking the checkbox means, along with its label

Proposed solution

Right now devs can "kinda" achieve that through the :hint prop, but the rendered UI is kinda ugly. What I was thinking was adding text right below the label, with a font-size lower than the label but higher than the hint. Related SASS variables should be provided too

Guia do colaborador

Direção de pesquisa
Examine a implementação do componente VCheckbox no código fonte do Vuetify (provavelmente em src/components/VCheckbox). Entenda como a prop `hint` existente funciona para renderizar texto adicional. Procure variáveis SASS relacionadas à tipografia (por exemplo, `$checkbox font size`, `$hint font size`) para determinar tamanhos apropriados. Revise os comentários da issue para qualquer contexto adicional ou orientação dos mantenedores.
Pilha de tecnologia
typescriptvuecss
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
VueVuetifySASS
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70