npm i tdesign-react yarn add tdesign-react pnpm add tdesign-react 🔨 Usage importReactfrom'react';import{Button}from'tdesign-react';import'tdesign-react/es/style/index.css';functionApp(){return<Button>Hello TDesign</Button>;}ReactDOM.createRoot(document.getElementById('app')).render(<Ap...
基于代理对象技术使用方可以像使用本地antd一样使用远程antd、远程tdesign-react,见在线示例:使用hel-antd、使用hel-tdesign-react image 克隆react模板库 克隆react模板库,保存为hel-antd目录,接下来的步骤里,我们都将基于此目录下的文件改造 git clone https://github.com/hel-eco/hel-tpl-remote-react-comp-ts...
React:18 TDesign React:1.7 (TDesign 腾讯企业级设计体系) UGC展示卡片 最终目标 卡片 用到了TDesign的Card 卡片、ImageView 图片预览、Comment 评论等组件 ImageView 的使用 这个组件是一个可以快速预览的图片,同时支持多张的相册预览效果。 官方源码的注解很详细,并且很多都是中文 代码语言:jsx 复制 {/* 简单使...
npm i tdesign-react yarn add tdesign-react pnpm add tdesign-react 🔨 基础使用 推荐使用 Webpack 或 Rollup 等支持 tree-shaking 特性的构建工具,无需额外配置即可实现组件按需引入: import React from 'react'; import { Button } from 'tdesign-react'; import 'tdesign-react/es/style/index.css'...
Edge >= 84;Firefox >= 83;Chrome >= 84;Safari >= 14.1 后续计划 国际化和语言包 无障碍访问 完善单元测试 增加更多组件示例 跟进社区最佳实践 欢迎你使用,并且通过Issues · Tencent/tdesign-react-starter · GitHub与我们交流,也期待你能通过开源协同的方式,参与我们的共建。
制作远程react图形组件库 使用hel-micro模块联邦技术sdk化方案,基于react组件模板制作远程antd库(hel-antd)、远程tdesign-react库(hel-tdesign-react)。 hel-antd、hel-tdesign-react 两者制作过程完全一样,区别仅是安装的库不同,你可以参考此文将其他优秀的react图形组件库制作为对应的远程库,以下步骤以制作 hel-...
基于React 16.x(全部基于 React Hooks 的 Functional Component) 与其他框架/库(Vue / Angular)版本 UI 保持一致 支持暗黑模式及其他主题定制 支持按需加载 📦 安装 npm i tdesign-react yarn add tdesign-react pnpm add tdesign-react 🔨 基础使用 ...
制作远程react图形组件库 使用hel-micro模块联邦技术sdk化方案,基于react组件模板制作远程antd库(hel-antd)、远程tdesign-react库(hel-tdesign-react)。 hel-antd、hel-tdesign-react 两者制作过程完全一样,区别仅是安装的库不同,你可以参考此文将其他优秀的react图形组件库制作为对应的远程库,以下步骤以制作 hel-...
A React UI components lib for TDesign. Contribute to betavs/tdesign-react development by creating an account on GitHub.
### 项目简介 TDesign React Starter 是一个基于 tdesign-react,使用`React`、`Vite2`开发,可进行个性化主题配置,旨在 提供项目开箱即用的、配置式的中后台项目。 ### 特性 - 内置多种常用的中后台页面 - 完善的目录结构 - 完善的代码规范配置 - 支持暗黑模式 - 自定义...