vuetifyjs/vuetify

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

Open

#21.773 geöffnet am 17. Juli 2025

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (7.139 Forks)batch import
C: VCheckboxT: featuregood first issue

Repository-Metriken

Stars
 (40.995 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 59T 10h) (8 gemergte PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Untersuche die Implementierung der VCheckbox Komponente im Vuetify Quellcode (wahrscheinlich src/components/VCheckbox). Verstehe, wie die bestehende `hint` Prop funktioniert, um zusätzlichen Text zu rendern. Suche nach verwandten SASS Variablen für Typografie (z.B. `$checkbox font size`, `$hint font size`), um geeignete Größen zu bestimmen. Überprüfe die Issue Kommentare auf zusätzlichen Kontext oder Anleitungen der Maintainer.
Tech Stack
typescriptvuecss
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-2 Tage
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
VueVuetifySASS
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70