类型
类型学是设计的一个基本方面,影响用户对内容的看法和互动。 在数字界面中,一个设计良好的打字组件在增强可读性、无障碍性和总体用户经验方面发挥关键作用.
图片参考
类型用途
import { Typography } from '@dt-dds/react-typography';
export const App = () => {
return (
<Typography element='h1' fontStyles='h1' color='grey_200'>
Some text
</Typography>
);
};
属性
| 财产 | 类型 | 默认 | 说明 |
|---|---|---|---|
children | ReactNode | - 说吧 | 拟提供的儿童成分 |
element | Elements | 页:1 | 要渲染的 HTML 标签 |
color | keyof Theme['colors'] | keyof Theme['palette'] “未设置”“继承” | content.default | 设置文本颜色。 支持主题符号(例如:grey 100)或上下文键(例如:prime.default). |
fontStyles | keyof Theme['fontStyles']; | - 说吧 | 应用预定义的主题字体样式(例如"h1","bodyLgBold"). |
dataTestId | string | 打印 | 适用于元素的测试标识符 . |
style | React.CSSProperties | - 说吧 | 自定义覆盖的内置样式 . |
ref | RefObject | - 说吧 | 参考基础DOM节点. |
...rest | ComponentPropsWithoutRef<E> 打开 BaseProps | —— 说 | 选中的本地 HTML 属性 element。 。 。 . |
堆栈
- 类型脚本 用于静态类型检查
- 反应 — JavaScript 用户界面库
- 情感 用于使用 JavaScript 写入 Css 样式
- 故事书 ——由Vite供电的UI组件环境
- 欢乐 - JavaScript 测试框架
- 反应测试库 - 以用户为中心测试用户界面组件
- ESLint 语录 代码林入
- 高级 用于代码格式
- 苏普 - 由Esbuild供电的脚本捆绑机
- 雅伦 从管理软件包
图标
yarn build- 制作软件包yarn dev- 在当地运行软件包yarn lint- 将所有文件输入此软件包yarn test运行所有单位测试
汇编
运行 yarn build 从软件包的根部 齐声 将原始的 TypeScript 和 React 代码编译为普通 JavaScript .
这个 /dist 文件夹包含编译输出.
typography
└── dist
├── index.d.ts <-- Types
├── index.js <-- CommonJS version
└── index.mjs <-- ES Modules version
...
版本
跟着 语义版本
许可证
许可证根据 MIT 许可证