vuetifyjs/vuetify

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

Open

#21 773 ouverte le 17 juil. 2025

Voir sur GitHub
 (2 commentaires) (0 réactions) (0 assignés)TypeScript (7 139 forks)batch import
C: VCheckboxT: featuregood first issue

Métriques du dépôt

Stars
 (40 995 stars)
Métriques de merge PR
 (Merge moyen 59j 10h) (8 PRs mergées en 30 j)

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

Guide contributeur

Direction de recherche
Examinez l'implémentation du composant VCheckbox dans le code source de Vuetify (probablement src/components/VCheckbox). Comprenez comment la prop `hint` existante fonctionne pour afficher du texte supplémentaire. Recherchez les variables SASS liées à la typographie (par exemple `$checkbox font size`, `$hint font size`) pour déterminer les tailles appropriées. Consultez les commentaires de l'issue pour tout contexte supplémentaire ou conseil des mainteneurs.
Stack technique
typescriptvuecss
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 jours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
VueVuetifySASS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70