greenhouse react ui

Rumah kaca bereaksi UI

Perpustakaan Komponen Bereaksi dengan Tailwind dan Sistem Desain Cantik untuk membantu Anda membangun proyek React yang mengagumkan.

Misi

Bangun perpustakaan komponen yang dapat diakses ringan yang siap digunakan di luar kotak untuk membangun proyek React Anda yang luar biasa berikutnya.

Penggunaan

Memasang

npm i greenhouse-react-ui

Di dalam tailwind.config.js

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

Kemudian tempatkan GreenHouse di akar proyek Anda (pesanan tidak masalah, selama aplikasi Anda ada di dalam).

 // 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' ) ,
)

Gunakan komponen di dalam proyek Anda

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

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

export default App 

? Berkontribusi

• Garpu
• Klon
• npm install
• npm run storybook

Ini akan memulai server lokal di localhost:6006 dengan semua komponen yang diberikan.

git commit untuk melakukan perubahan Anda

git push akan memicu format yang lebih cantik memeriksa, berbaris, mengaudit, dan dibangun.

Mendukung

Harap ️ Bintang proyek ini dan bagikan dengan orang lain untuk menunjukkan dukungan Anda. Ikuti saya ❤️ untuk pembaruan tentang proyek dan tutorial mendatang!