@rokku/design

Rokku

🍙 轻量、可靠的移动端 React 组件库

🔥 文档网站

特性

• 30+ 高质量组件，覆盖移动端基本场景
• 支持按需引入
• 支持主题定制
• 支持 TypeScript

📦 Init App

npm

npm install

yarn

yarn

🔨 使用

启动文档

yarn start

打包文档

yarn docs:build

发布文档

yarn docs:deploy

打包组件

yarn build

测试组件

yarn test

发布 npm 包

yarn release

Components completion status

Layout Components

• [x] Flex 布局

Basic Components

• [x] Button 按钮
• [x] Icon 图标
• [x] Popup 弹出框
• [x] Cell 单元格
• [x] Toast 轻提示
• [x] 内置样式（IPhoneX 适配，细边框等）

Form Components

• [x] Field 输入框
• [x] CheckBox 复选框
• [x] Radio 单选框
• [x] Picker 选择器
• [x] Stepper 步进器
• [x] Search 搜索
• [x] DatetimePicker 时间选择
• [x] PasswordInput 密码输入框

Display Components

• [x] Collapse 折叠面板
• [x] NoticeBar 通知栏
• [x] Sticky 粘性布局
• [x] Swipe 轮播
• [x] Empty 空状态
• [x] List 列表
• [x] Tag 标签

Action Components

• [x] Loading 加载
• [x] Overlay 遮罩层
• [x] Dialog 弹出层
• [x] PullRefresh 下拉刷新

Navigation Components

• [x] IndexBar 索引栏
• [x] NavBar 导航栏
• [x] Tabs 标签页