cd-design-mobile v0.0.2

一套基于 React 和 Typescript 的 UI 组件库。

✨ 特性

• 📦 开箱即用的 React 移动端 UI 组件。
• 🛡 使用 TypeScript 开发，提供完整的类型定义文件。

🖥 兼容环境

• 现代浏览器。

📦 安装

npm install cd-design-mobile --save

yarn add cd-design-mobile

🔨 示例

import { Button, Rate } from 'cd-design-mobile'

const App = () => (
  <>
    <Button type="primary">按一下试试</Button>
    <Rate disabled />
  </>
)

引入样式：

import 'cd-design-mobile/css'

🔗 链接

• Demo
• ActionSheet 上拉菜单
• Badge 徽标数
• Button 按钮
• Card 卡片
• Checkbox 复选框
• Coupon 优惠券
• Divider 分割线
• Dialog 对话框
• Drawer 抽屉
• Dropdown 下拉菜单
• Empty 空状态
• Grid 栅格
• Icon 图标
• Image 图片
• Input 输入框
• List 列表
• NumberInput 数字输入框
• Radio 单选框
• Rate 评分
• SearchBar 搜索栏
• Steps 步骤条
• Switch 开关
• Tabs 标签页
• Tag 标签
• Textarea 多行输入框
• Timeline 时间轴
• Toast 消息提示
• Toolbar 工具栏

⌨️ 本地开发

克隆到本地开发:

$ git clone https://github.com/YutLee/cd-design-mobile.git
$ cd cd-design-mobile
$ yarn
$ yarn start

打开浏览器访问 http://127.0.0.1:3000