react rainbow
v1.32.0
React Rainbow เป็นชุดของส่วนประกอบที่จะช่วยให้คุณสร้างแอปพลิเคชันของคุณได้อย่างน่าเชื่อถือ ให้แฮ็คและแจ้งให้เราทราบว่าคุณคิดอย่างไร
Firefox | โครเมี่ยม | ซาฟารี |
|---|---|---|
| 2 เวอร์ชันล่าสุด | 2 เวอร์ชันล่าสุด | 2 เวอร์ชันล่าสุด |
ส่วนประกอบ Rainbow React มีให้บริการเป็นแพ็คเกจ NPM
$ yarn add react-rainbow-components$ npm install react-rainbow-components --saveนี่คือตัวอย่างที่รวดเร็วในการเริ่มต้น ทุกอย่างที่คุณต้องการ :
import React from 'react' ;
import ReactDOM from 'react-dom' ;
import { Button } from 'react-rainbow-components' ;
function App ( ) {
return < Button label = "Hello World!" variant = "brand" onClick = { ( ) => alert ( 'Hello World!' ) } /> ;
}
ReactDOM . render ( < App /> , document . getElementById ( 'container' ) ) ;ใช่มันคือทั้งหมดที่คุณต้องเริ่มต้นอย่างที่คุณเห็นในการสาธิตการแสดงสดและการโต้ตอบนี้:
นอกจากนี้คุณยังสามารถใช้ส่วนประกอบส่วนบุคคลได้จากบิต:
import React from 'react' ;
import ReactDOM from 'react-dom' ;
import Button from '@bit/nexxtway.react-rainbow.button' ;
function App ( ) {
return < Button label = "Hello World!" variant = "brand" onClick = { ( ) => alert ( 'Hello World!' ) } /> ;
}
ReactDOM . render ( < App /> , document . getElementById ( 'container' ) ) ; สำหรับคำถาม how-to และ non-issues อื่น ๆ โปรดใช้แชท Gitter ของเราแทนปัญหา GitHub
https://gitter.im/react-rainbow-components/community
คุณกำลังมองหาโครงการตัวอย่างเพื่อเริ่มต้นหรือไม่?
เราเป็นเจ้าภาพที่นี่
เรารู้สึกตื่นเต้นที่คุณสนใจที่จะมีส่วนร่วมในโครงการนี้!
คุณสามารถช่วยเราปรับปรุงส่วนประกอบ Rainbow React ขั้นตอนแรกในการเริ่มต้นการทำงานร่วมกันคือการสร้างปัญหาก่อนที่จะส่งคำขอดึง เป็นเรื่องดีเสมอที่จะยื่นปัญหาดังนั้นเราสามารถหารือเกี่ยวกับรายละเอียดวิธีการหรือข้อเสนอแนะของคุณ
ดูรายละเอียดเพิ่มเติมเกี่ยวกับวิธีการทำงานร่วมกัน
ใบอนุญาต MIT ควบคุมการใช้งานส่วนประกอบ Rainbow ของคุณ
