vuetifyjs/vuetify

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

Open

#21 773 ouverte le 17 juil. 2025

Voir sur GitHub
 (1 commentaire) (0 réactions) (0 assignés)TypeScript (40 995 stars) (7 139 forks)batch import
C: VCheckboxT: featuregood first issue

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

Stack technique
vuetypescript
Domaine
frontend
Type d'issue
feature
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.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
Vue.jsVuetify component structureSCSS variables
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
55
Direction de recherche
Examine the VCheckbox component implementation in the Vuetify source code (likely src/components/VCheckbox). Understand how the existing `hint` prop works to render additional text. Look for related SASS variables for typography (e.g., `$checkbox font size`, `$hint font size`) to determine appropriate sizes. Review the issue comments for any additional context or maintainer guidance.