vuetifyjs/vuetify

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

Open

#21,773 建立於 2025年7月17日

在 GitHub 查看
 (2 留言) (0 反應) (0 負責人)TypeScript (7,139 fork)batch import
C: VCheckboxT: featuregood first issue

倉庫指標

Star
 (40,995 star)
PR 合併指標
 (平均合併 59天 10小時) (30 天內合併 8 個 PR)

描述

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
議題類型
功能
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
新近可參與
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
VueVuetifySASS
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
70