greenhouse react ui

温室反応UI

Tailwindと豪華なデザインシステムを備えたReactコンポーネントライブラリと、素晴らしいReactプロジェクトの構築を支援します。

ミッション

次のAwesome Reactプロジェクトを構築するために、箱から出して使用する準備ができている軽量のアクセス可能なコンポーネントライブラリを構築します。

使用法

インストール

npm i greenhouse-react-ui

Inside 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よりきれいな形式のチェック、糸くず、監査、ビルドをトリガーします。

サポート

このプロジェクトに出演し、他の人と共有してサポートを示してください。将来のプロジェクトとチュートリアルの最新情​​報については、私にフォローしてください！