vuetifyjs/vuetify

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

Open

#21,773 opened on 2025年7月17日

GitHub で見る
 (2 comments) (0 reactions) (0 assignees)TypeScript (7,139 forks)batch import
C: VCheckboxT: featuregood first issue

Repository metrics

Stars
 (40,995 stars)
PR merge metrics
 (平均マージ 59d 10h) (30d で 8 merged PRs)

説明

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

コントリビューターガイド

調査方針
Vuetify ソースコード内の VCheckbox コンポーネントの実装を調査します（おそらく src/components/VCheckbox）。既存の `hint` プロパティが追加テキストをレンダリングする仕組みを理解します。適切なサイズを決定するために、関連するタイポグラフィの SASS 変数（例：`$checkbox font size`、`$hint font size`）を探します。追加のコンテキストやメンテナーのガイダンスがないか、issue のコメントを確認します。
技術スタック
typescriptvuecss
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
新着
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
VueVuetifySASS
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
70