greenhouse react ui

Greenhouse reage

A biblioteca de componentes do React com o Tailwind e um lindo sistema de design para ajudá -lo a criar projetos de reação incríveis.

Missão

Crie uma biblioteca de componentes acessíveis com peso leve, pronta para ser usada pronta para uso para criar seu próximo projeto de reação incrível.

Uso

Instalar

npm i greenhouse-react-ui

Inside tailwind.config.js

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

Em seguida, coloque GreenHouse na raiz do seu projeto (o pedido não importa, desde que seu aplicativo esteja dentro).

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

Use componentes dentro do seu projeto

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

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

export default App 

? Contribuindo

• Garfo
• Clone
• npm install
• npm run storybook

Ele iniciará um servidor local no localhost:6006 com todos os componentes renderizados.

git commit a cometer suas mudanças

git push acionará o formato mais bonito, a verificação, o linering, a auditoria e a construção.

Apoiar

Por favor sustde este projeto e compartilhe -o com outras pessoas para mostrar seu apoio. Siga -me ❤️ Para atualizações sobre projetos e tutoriais futuros!