vuetifyjs/vuetify

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

开放

#21,773 创建于 2025年7月17日

在 GitHub 查看贡献者指南
 (2 条评论) (0 个反应) (0 位负责人)TypeScript (7,139 个派生)batch import
C: VCheckboxT: featuregood first issue

仓库指标

星标
 (40,995 个星标)
PR 合并指标
 (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