@arrebol/planet-ui

一个 react ui 库,使用 react hooks + typescript

Usage no npm install needed!

<script type="module">
  import arrebolPlanetUi from 'https://cdn.skypack.dev/@arrebol/planet-ui';
</script>

README

Introduction

一个 react ui 库,使用 react hooks + typescript

Install

使用 npm

npm i @arrebol/planet-ui

使用 yarn

yarn add @arrebol/planet-ui

Usage

1 .全部引入

import React from 'react'
import { Button } from '@arrebol/planet-ui'
import '@arrebol/planet-ui/dist/planet-ui.css'

const App = () => {
  return <Button type='primary'>Planet Ui</Button>
}

2 . CSS 按需引入 planet-ui 默认支持组件的按需加载,但是 css 仍需要单独配置

// .babelrc.js
module.exports = {
  plugins: [
    [
      'babel-plugin-import',
      {
        libraryName: '@arrebol/planet-ui',
        libraryDirectory: 'es',
        style: true
      },
      '@arrebol/planet-ui'
    ]
  ]
}
  • 或者直接引入某一个组件的样式
import '@arrebol/planet-ui/es/Button/index.css'

现有组件

  • Alert
  • BackToTop
  • Button
  • Checkbox
  • DatePicker
  • Empty
  • Input
  • Message
  • Notification
  • NumberInput
  • Pagination
  • Progress
  • Popover
  • Select
  • Spin
  • Switch
  • Table
  • Tabs
  • ToolTip
  • TypeWrite

Todo:

  • 文档编写