组件 · 数据录入

Label 标签

表单控件标签,关联可访问名称。

入口 @selrux/ui/label · 源码 src/components/label/index.ts · 1 个组件 · 发布状态 preview

使用建议

  • 避免:可点击区域与控件断开
  • 限制:属性与导出以 @selrux/ui 对应子路径 d.ts/源码为准,禁止臆造

引入

tsx
import { Label } from '@selrux/ui/label';

演练场

调节下方可实现的字面量属性,实时预览真实组件。函数、Portal、样式逃生口等见代码演示与 API 表。

代码演示

基础用法

htmlFor 关联表单控件。

禁用与尺寸

disabled 降低对比度。

API

属性覆盖:示例用到 2 / 2 个自有属性(100%)

由 scripts/demo-coverage.mjs 统计,不含 className / style / 原生透传属性与纯转发事件。

Label

主题化表单标签。

属性说明类型默认值
size字号档;省略时取最近 Provider 或 md。"xs" | "sm" | "md" | "lg" | "xl" | "2xl"-
disabled关联控件禁用时的视觉提示;不阻止点击(由控件自身 disabled 负责)。boolean-

另有 282 项原生属性与事件继承自 HTMLAttributes / LabelHTMLAttributes,原样透传。

导出类型:LabelProps、LabelSize

无障碍

摘自源码 JSDoc。

  • @selrux/ui/label