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