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將觸發更漂亮的格式檢查，覆蓋，審核和構建。

支持

請配進這個項目，並與其他人分享以表示您的支持。關注我❤️以獲取有關未來項目和教程的最新信息！