หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

เรือนกระจกตอบสนอง UI

ไลบรารีคอมโพเนนต์ React พร้อม Tailwind และระบบการออกแบบที่งดงามเพื่อช่วยให้คุณสร้างโครงการ React ที่ยอดเยี่ยม

ภารกิจ

สร้างไลบรารีส่วนประกอบที่เข้าถึงได้น้ำหนักเบาพร้อมที่จะใช้นอกกรอบเพื่อสร้างโครงการ React ที่ยอดเยี่ยมต่อไปของคุณ

การใช้งาน

ติดตั้ง 

npm i greenhouse-react-ui

ด้านใน 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 จะทริกเกอร์การตรวจสอบรูปแบบที่สวยงาม, ผ้าสำลี, การตรวจสอบและการสร้าง

สนับสนุน

โปรด️แสดงโครงการนี้และแบ่งปันกับผู้อื่นเพื่อแสดงการสนับสนุนของคุณ ติดตามฉัน❤สำหรับการอัปเดตเกี่ยวกับโครงการและบทเรียนในอนาคต!

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด