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-reactyarn 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
需要注意的是,样式文件需要单独引入。
特别提醒
使用 adorable-react 时,需要使用 border-box 盒模型,否则会影响样式。代码示例:
License
This project is licensed under the terms of the MIT license.