Git Product home page Git Product logo

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

组件

源于 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

支持

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

License

MIT

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.