0.0.6 • Published 4 years ago
adorable-react v0.0.6
adorable-ui-react(持续更新中) 使用 TypeScript、React Hooks
一套好用的 PC 端 React 组件
组件仅供学习交流,请勿在生产环境中使用
特性
- 使用 TypeScript 开发,提供完整的类型定义文件。
- 使用 React Hooks 进行状态管理。
深入每个细节的主题定制能力。
文档地址: https://maricaya.github.io/adorable-react/example.html
组件列表
- Icon
- button
- Dialog
- Layout
- Form
- Scroll
- Tree
安装
npm install adorable-react
yarn add adorable-react
使用
import * as React from 'react'
import * as ReactDOM from 'react-dom'
import { Button } from 'adorable-react'
import 'adorable-react/lib/index.css'
ReactDOM.render(
<div>
<Button>Default</Button>
</div>,
mountNode
)
需要注意的是,样式文件需要单独引入。
特别提醒
使用 adorable-react 时,需要使用 border-box 盒模型,否则会影响样式。代码示例:
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
License
This project is licensed under the terms of the MIT license.