无线电
无线电组件允许从一个集中选择一个选项.
图片参考
使用量
import { Radio, RadioGroup } from '@dt-dds/react';
export const App = () => {
return (
<RadioGroup onChange={onChange} name='group-name'>
<Radio value='1' label='Label 1' isDefaultChecked={true} />
<Radio value='2' label='Label 2' isDisabled={true} />
</RadioGroup>
);
};
属性
无线电
| 财产 | 类型 | 默认 | 说明 |
|---|---|---|---|
label | string | - 说吧 | 一个能帮助用户理解收音机范围的标签. |
onChange | (evt: ChangeEvent<HTMLInputElement>) => void | - 说吧 | 当输入改变时触发函数 . |
isDisabled | boolean | false | 指定元素是否被禁用. |
isDefaultChecked | boolean | false | 表示该默认的收音机按钮在组中被选中 . |
isChecked | boolean | false | 表示此无线电按钮在组合中被选中 。 当无线电被另一个元素控制时使用 |
name | string | radio-group-name | 应代表组名 |
value | string | - 说吧 | 包含收音机按钮值的字符串 |
hasError | boolean | false | 显示收音机按钮出错 |
无线电组
| 财产 | 类型 | 默认 | 说明 |
|---|---|---|---|
children | ReactNode | - 说吧 | 拟提供的儿童成分 |
dataTestId | string | - 说吧 | 自定义测试标识符 |
direction | "行" "栏" | 横行 | 设置组的弹性方向 |
name | string | - 说吧 | 应代表组名 |
onChange | (evt: ChangeEvent<HTMLInputElement>) => void | - 说吧 | 当输入改变时触发函数 . |
size | '""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" | large | 设置无线电按钮的尺寸 |
堆栈
- 类型脚本 用于静态类型检查
- 反应 — 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 文件夹包含编译输出.
radio
└── dist
├── index.d.ts <-- Types
├── index.js <-- CommonJS version
└── index.mjs <-- ES Modules version
...
版本
跟着 语义版本
许可证
许可证根据 MIT 许可证