react wired elements
`0.1.6` release
องค์ประกอบแบบมีสายเป็นส่วนประกอบของปฏิกิริยา
การสาธิตนิทานรวมถึงตัวอย่างแบบโต้ตอบรวมถึงเอกสารรายละเอียดสำหรับอุปกรณ์ประกอบฉากและการใช้งานของแต่ละองค์ประกอบ
Wired Elements เป็นไลบรารีที่ยอดเยี่ยมจริง ๆ ที่ให้ภาพรวมของเว็บด้วยการดูแบบลวดโดยใช้ SVGs ห้องสมุดนี้จะห่อองค์ประกอบแต่ละชิ้นในองค์ประกอบที่ตอบสนองและเปิดเผยแอตทริบิวต์วิธีการและตัวเลือกการจัดแต่งทรงผมที่มีอยู่เป็นอุปกรณ์ประกอบฉาก (ดีที่สุดเท่าที่จะทำได้)
ขั้นตอนที่ 1. ติดตั้งไลบรารีนี้โดยใช้ yarn หรือ npm
yarn add react-wired-elements
ขั้นตอนที่ 2 รวมไฟล์ไอคอนวัสดุ CSS ไว้ในส่วนหัวของไฟล์ HTML หลักของคุณ
< head >
< link
href =" https://fonts.googleapis.com/css?family=Material+Icons&display=block "
rel =" stylesheet "
/>
</ head > import React from 'react' ;
import { WiredCard , WiredButton } from 'react-wired-elements' ;
const App = ( ) => {
return (
< WiredCard fill = "#F5F5F5" elevation = { 3 } >
< WiredButton onClick = { handleSubmit } > Submit </ WiredButton >
</ WiredCard >
) ;
} ;เช็คเอาต์การสาธิตนิทานสำหรับตัวอย่างแบบโต้ตอบและคำจำกัดความของเสารายละเอียดและคำแนะนำการใช้งาน
นี่คือรายการทั้งหมดของส่วนประกอบ คลิกส่วนประกอบใด ๆ ที่จะถูกนำไปยังตัวอย่างนิทาน
มีความแตกต่างการตั้งชื่อและฟังก์ชันการทำงานระหว่างองค์ประกอบแบบมีสายและห้องสมุดนี้ นี่คือบางส่วนเพื่อความแตกต่างในการตอบสนองและส่วนประกอบของเว็บทำงานเช่นเดียวกับความพยายามที่จะทำตามอนุสัญญา/รูปแบบการตั้งชื่อทั่วไปใน React เนื่องจากสิ่งเหล่านี้เป็นส่วนประกอบของเว็บพวกเขาจึงส่งเหตุการณ์พื้นเมืองเมื่อเทียบกับการตอบสนองเหตุการณ์สังเคราะห์
maxRows prop บน WiredTextArea ส่วนประกอบไม่ทำงานfirstDate และ lastDate ไม่ทำงานกับ WiredCalendar
