https://github.com/rayhomie/rayhomieui
一个基于react的ui组件库，npm地址：https://www.npmjs.com/package/rayhomieui
https://github.com/rayhomie/rayhomieui
react reactjs reactui reactuidesign scss typescript ui ui-components
Last synced: about 1 year ago
JSON representation
一个基于react的ui组件库，npm地址：https://www.npmjs.com/package/rayhomieui
- Host: GitHub
- URL: https://github.com/rayhomie/rayhomieui
- Owner: rayhomie
- Created: 2020-10-04T05:33:48.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-05-03T08:30:37.000Z (about 5 years ago)
- Last Synced: 2025-04-16T13:35:49.403Z (about 1 year ago)
- Topics: react, reactjs, reactui, reactuidesign, scss, typescript, ui, ui-components
- Language: TypeScript
- Homepage: http://ui.rayhomie.icu
- Size: 2.31 MB
- Stars: 5
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Rayhomie UI](http://ui.rayhomie.icu/)
文档：http://ui.rayhomie.icu/
## 安装依赖
```bash
#使用npm安装
npm install --save rayhomieui
#使用yarn安装
yarn add rayhomieui
```
## 全局引入样式
如果想要正常使用 Rayhomie UI，还需要在我们项目的 css 入口文件中导入 rayhomieui 的 css 层叠样式文件。
假设我们项目的 css 全局入口文件名叫 global.css
```css
//global.css
@import "rayhomieui/dist/index.css";
...
```
或者我们也可以在项目的 JS 入口文件中全局引入样式文件，假设这里叫 App.js
```js
//App.js
import "rayhomieui/dist/index.css";
...
```
## 使用组件
```jsx
import React from "react";
import { Button } from "rayhomieui";
const Hello = () => {
return Hello;
};
export default Hello;
```