greenhouse react ui

温室反应UI

带有尾风的React组件库和华丽的设计系统，可帮助您构建出色的React项目。

使命

构建一个轻巧的可访问的组件库，准备在开箱即用，以构建您的下一个很棒的React项目。

用法

安装

npm i greenhouse-react-ui

内部tailwind.config.js

 const greenhouse = require ( 'greenhouse-react-ui/config' )
module . exports = greenhouse ( {
	purge : [ ] ,
	theme : {
		extend : { } ,
	} ,
	variants : { } ,
	plugins : [ ] ,
} )

然后将GreenHouse放在项目的根部（只要您的应用程序在内部，订单都没关系）。

 // index.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './App'
import { GreenHouse } from 'greenhouse-react-ui'

ReactDOM . render (
	< GreenHouse >
		< App />
	</ GreenHouse > ,
	document . getElementById ( 'root' ) ,
)

在项目中使用组件

 import { Button } from 'greenhouse-react-ui'

function App ( ) {
	return < Button > Hi there! </ Button >
}

export default App 

？贡献

• 叉
• 克隆
• npm install
• npm run storybook

它将在localhost:6006启动本地服务器，所有组件都呈现。

git commit您的改变

git push将触发更漂亮的格式检查，覆盖，审核和构建。

支持

请配进这个项目，并与其他人分享以表示您的支持。关注我❤️以获取有关未来项目和教程的最新信息！