tarojsx / ui Goto Github PK

View Code? Open in Web Editor NEW

52.0 4.0 8.0 709 KB

We reinvent the UI for taro3+

Home Page: https://tarojsx.github.io/docs/ui/README

License: MIT License

TypeScript 93.55% SCSS 6.45%

taro taro-ui ui components react wx weixin wechat typescript taro3

ui's Introduction

Taro3 UI

我们重新(zào)发(lún)明(zi) Taro UI

Built with 💜 by @Colder and Contributors

🌟 👀 ⚡ 💥

当前代码提交频繁, 一些特性时有变化.

Taro3 释放了 React 的潜能, 是时候对 Taro UI 进行改进了.

特性

🔌 一键安装, 使用上尽可能向后兼容.
🎬 复用 taro-ui 样式, 不改变组件外观.
🐙 扩展性更强, 许多原本只能传入字符串的地方, 现在可以传入组件了.
🔎 完善的 Typescript 类型提示.
🎁 开箱即用, 只需引入组件即可, 无需单独引入样式, 支持 Tree shaking.
🔭 未来计划引入更多常用的基础组件.

需求

taro 3+
react 16.8+

安装

npm i @tarojsx/ui

使用

import React from 'react';
import { Text } from '@tarojs/components';
import { List, ListHeader, ListItem } from '@tarojsx/ui';

export default () => {
  return (
    <List>
      <ListHeader title="Taro3 UI" />
      <ListItem title="版本" extra={<Text>0.2.0</Text>}>
        我们重新(zào)发(lún)明(zi)了 Taro UI
      </ListItem>
    </List>
  );
};