La biblioteca de componentes React con viento de cola y un magnífico sistema de diseño para ayudarlo a construir increíbles proyectos React.
Construya una biblioteca de componentes accesibles para el peso liviano listo para ser usado fuera de la caja para construir su próximo proyecto React Awesome.
Instalar
npm i greenhouse-react-ui Dentro de tailwind.config.js
const greenhouse = require ( 'greenhouse-react-ui/config' )
module . exports = greenhouse ( {
purge : [ ] ,
theme : {
extend : { } ,
} ,
variants : { } ,
plugins : [ ] ,
} ) Luego coloque GreenHouse en la raíz de su proyecto (el pedido no importa, siempre y cuando su aplicación esté 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 de su proyecto
import { Button } from 'greenhouse-react-ui'
function App ( ) {
return < Button > Hi there! </ Button >
}
export default App npm installnpm run storybook Iniciará un servidor local en localhost:6006 con todos los componentes representados.
git commit a cometer sus cambios
git push activará la verificación del formato más bonita, la pelusa, la auditoría y la construcción.
Por favor, estrella este proyecto y compártelo con otros para mostrar tu apoyo. ¡Sígueme ❤️ para obtener actualizaciones sobre proyectos y tutoriales futuros!