@tarojsx/ui

Taro3 UI

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

Built with :purple_heart: by @Colder and Contributors

:star2: :eyes: :zap: :boom:

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

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

使用

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>
    )
}

组件

源于 Taro UI

• Accordion
• ActionSheet
  • 子组件
• ActivityIndicator
• Article
• Avatar
• Badge
• Button
• Calendar
  • Swipe 操作
• Card
• Checkbox
• Countdown
• Divider
• Drawer
• Fab (已合并入 Button)
• Flex (使用率不高)
• FloatLayout
• Form
• Grid
• Icon
• ImagePicker
• Indexes
• Input
• InputNumber
• List
• ListItem
• Loading
• Loadmore
• Message
• Modal
• NavBar
• Noticebar
• Pagination
• Picker
• Progress
• Radio
• Rate
• SearchBar
• SegmentedControl
• Slider
• Steps
• SwipeAction
• Swiper
• Switch
• TabBar
• Tabs
  • Swipe 操作
• TabsPane
  • Swipe 操作
• Tag
• Textarea
• Timeline
• Toast

扩展组件

• CustomTabBar
• ListHeader
• Statistic

支持

欢迎各种形式的支持. 至少可以给颗星 :star:

License

MIT