greenhouse react ui

ПЕРСОНАТЕЛЬНАЯ РЕАКТА UI

Библиотека компонентов React с Tailwind и великолепная система дизайна, которая поможет вам создать потрясающие проекты React.

Миссия

Создайте легкий вес, доступный компонентов, готовый к использованию из коробки для создания вашего следующего удивительного проекта 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 вызовет проверку формата красивой форматы, линирование, аудит и сборку.

Поддерживать

Пожалуйста, ️ Светь этот проект и поделитесь им с другими, чтобы показать свою поддержку. Следуйте за мной ❤ для обновлений о будущих проектах и ​​учебных пособиях!