标签字段
这个 <label> 代表用户界面中某个项目的标题.
图片参考
不详,因为这只是满足技术需要的一个组成部分.
标签字段使用
import { LabelField } from '@dt-dds/react';
export const App = () => {
const INPUT_ID = 'input-id';
return (
<>
<LabelField forId={INPUT_ID} label='My Awesome Input' isActive={true} />
<input id={INPUT_ID} />
</>
);
};
属性
标签字段
显示用户标题的组件.
| 财产 | 类型 | 默认 | 说明 |
|---|---|---|---|
children | ReactNode | - 说吧 | 拟提供的儿童成分 |
forId | string | - 说吧 | 它指的是这个标签是用于的输入控制. 其价值必须与输入控件的"id"属性值相同. |
isActive | boolean | 虚假 | 应用样式来改变标签行为 |
isDisabled | boolean | 虚假 | 基于此值应用不同的样式 |
dataTestId | string | 标签字段 | 文本区域测试标识符 |
style | CSSProperties | - 说吧 | 用于标签字段的样式 |
isRequired | boolean | 虚假 | 对标签字段应用所需的状态 |
hasError | boolean | 虚假 | 对标签字段应用错误样式 |
isInputFilled | boolean | 虚假 | 在浮动标签字段应用样式 |
icon | ReactNode | - 说吧 | 设置标签图标,为字段范围提供指导. |
scale | [compact, standard] | standard | 设置标签所在字段的间隔 |
堆栈
- 类型脚本 用于静态类型检查
- 反应 — JavaScript 用户界面库
- 情感 用于使用 JavaScript 写入 Css 样式
- 故事书 ——由Vite供电的UI组件环境
- 欢乐 - JavaScript 测试框架
- 反应测试库 - 以用户为中心测试用户界面组件
- ESLint 语录 代码林入
- 高级 用于代码格式
- 苏普 - 由Esbuild供电的脚本捆绑机
- 雅伦 从管理软件包
图标
yarn build- 制作软件包yarn dev- 在当地运行软件包yarn lint- 将所有文件输入此软件包yarn test- 测试所有单位yarn test:report- 打开测试覆盖报告yarn test:update:snapshot- 进行所有单元测试并更新快照
汇编
运行 yarn build 从软件包的根部 齐声 将原始的 TypeScript 和 React 代码编译为普通 JavaScript .
这个 /dist 文件夹包含编译输出.
tag
└── dist
├── index.d.ts <-- Types
├── index.js <-- CommonJS version
└── index.mjs <-- ES Modules version
...
版本
跟着 语义版本
许可证
许可证根据 MIT 许可证