vuetifyjs/vuetify

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

Open

Aperta il 17 lug 2025

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (40.995 star) (7139 fork)batch import
C: VCheckboxT: featuregood first issue

Descrizione

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

Guida contributor

Tech stack
typescriptvuecss
Dominio
frontend
Tipo issue
feature
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 days
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
fresh
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
clear
Prerequisiti
VueVuetifySASS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70
Direzione di ricerca
Esamina l'implementazione del componente VCheckbox nel codice sorgente di Vuetify (probabilmente src/components/VCheckbox). Comprendi come funziona la prop `hint` esistente per renderizzare testo aggiuntivo. Cerca le variabili SASS correlate per la tipografia (ad es. `$checkbox font size`, `$hint font size`) per determinare le dimensioni appropriate. Rivedi i commenti dell'issue per eventuali contesti aggiuntivi o indicazioni dei maintainer.