https://github.com/tarojsx/ui
We reinvent the UI for taro3+
https://github.com/tarojsx/ui
components react taro taro-ui taro3 typescript ui wechat weixin wx
Last synced: 16 days ago
JSON representation
We reinvent the UI for taro3+
- Host: GitHub
- URL: https://github.com/tarojsx/ui
- Owner: tarojsx
- License: mit
- Created: 2020-02-23T04:39:43.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-05T19:21:33.000Z (over 2 years ago)
- Last Synced: 2025-04-22T04:14:15.461Z (about 1 month ago)
- Topics: components, react, taro, taro-ui, taro3, typescript, ui, wechat, weixin, wx
- Language: TypeScript
- Homepage: https://tarojsx.github.io/docs/ui/README
- Size: 692 KB
- Stars: 50
- Watchers: 3
- Forks: 8
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Taro3 UI
_当前代码提交频繁, 一些特性时有变化._
Taro3 释放了 React 的潜能, 是时候对 Taro UI 进行改进了.
## 特性
- :electric_plug: 一键安装, 使用上尽可能向后兼容.
- :clapper: 复用 taro-ui 样式, 不改变组件外观.
- :octopus: 扩展性更强, 许多原本只能传入字符串的地方, 现在可以传入组件了.
- :mag_right: 完善的 Typescript 类型提示.
- :gift: 开箱即用, 只需引入组件即可, 无需单独引入样式, 支持 Tree shaking.
- :telescope: 未来计划引入更多常用的基础组件.
## 需求
- **taro 3+**
- react 16.8+
## 安装
`npm i @tarojsx/ui`
## 使用
```tsx
import React from 'react';
import { Text } from '@tarojs/components';
import { List, ListHeader, ListItem } from '@tarojsx/ui';
export default () => {
return (
0.2.0}>
我们重新(zào)发(lún)明(zi)了 Taro UI
);
};
```
## 组件
源于 Taro UI
- [ ] Accordion
- [x] ActionSheet
- [ ] 子组件
- [x] ActivityIndicator
- [ ] Article
- [x] [Avatar](./docs/components/Avatar.mdx)
- [x] [Badge](./docs/components/Badge.mdx)
- [x] [Button](./docs/components/Button.mdx)
- [x] Calendar
- [ ] Swipe 操作
- [ ] Card
- [ ] Checkbox
- [ ] Countdown
- [ ] Divider
- [ ] Drawer
- [ ] ~~Fab~~ (已合并入 Button)
- [ ] ~~Flex~~ (使用率不高)
- [x] FloatLayout
- [x] Form
- [x] Grid
- [x] Icon
- [x] ImagePicker
- [ ] Indexes
- [x] Input
- [x] [InputNumber](./docs/components/InputNumber.mdx)
- [x] [List](./docs/components/List.mdx)
- [x] [ListItem](./docs/components/List.mdx)
- [x] Loading
- [ ] Loadmore
- [x] Message
- [ ] Modal
- [ ] NavBar
- [ ] Noticebar
- [ ] Pagination
- [ ] Picker
- [x] [Progress](./docs/components/Progress.mdx)
- [ ] Radio
- [ ] Rate
- [x] [SearchBar](./docs/components/SearchBar.mdx)
- [ ] SegmentedControl
- [ ] Slider
- [x] [Steps](./docs/components/Steps.mdx)
- [ ] SwipeAction
- [ ] Swiper
- [ ] Switch
- [x] [TabBar](./docs/components/TabBar.mdx)
- [x] Tabs
- [ ] Swipe 操作
- [x] TabsPane
- [ ] Swipe 操作
- [x] [Tag](./docs/components/Tag.mdx)
- [x] Textarea
- [ ] Timeline
- [ ] Toast
扩展组件
- [x] [CustomTabBar](./docs/components/CustomTabBar.mdx)
- [x] [ListHeader](./docs/components/List.mdx)
- [x] Statistic
## 支持
欢迎各种形式的支持. 至少可以给颗星 :star:
## License
[MIT](LICENSE)