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

ชุดเครื่องมือและส่วนประกอบ UI สำหรับการสร้างเว็บ UIs ที่ทำงานได้ทุกที่

  • ใช้งานส่วนประกอบเว็บที่ใช้งานง่าย
  • ทำงานในกรอบใด ๆ (Angular, React, Vue ... )
  • ธีมที่ตอบสนองและปรับแต่งได้
  • เลย์เอาต์การพิมพ์และไอคอนใช้ประโยชน์
บรรจุุภัณฑ์ การดาวน์โหลด สถานะ CI CDN

เอกสาร

  • เอกสาร
  • JavaScript CDN
  • เชิงมุม
  • ความเต็ม
  • ตอบโต้

การติดตั้ง

ส่วนประกอบ UI พิมพ์เขียวถูกสร้างขึ้นเป็นส่วนประกอบของเว็บ สิ่งนี้ช่วยให้พวกเขาสามารถทำงานในกรอบและห้องสมุดที่หลากหลาย พิมพ์เขียว UI แบ่งออกเป็นหลายแพ็คเกจที่สามารถใช้งานได้อย่างอิสระ เพื่อใช้ส่วนประกอบติดตั้งต่อไปนี้ 

npm install @blueprintui/components

นอกจากนี้ยังมีแพ็คเกจเสริมสำหรับเลย์เอาต์และยูทิลิตี้การพิมพ์ด้วย 

npm install @blueprintui/layout @blueprintui/typography

CSS

หากต้องการใช้ส่วนประกอบไฟล์ชุดรูปแบบฐาน CSS จะต้องโหลดลงในหน้า สามารถทำได้ผ่านลิงก์ CSS หรือลิงค์ HTML 

 @import '@blueprintui/themes/index.min.css' ;
@import '@blueprintui/themes/dark/index.min.css' ;

หรือ 

 < link rel =" stylesheet " href =" @blueprintui/themes/index.min.css " > 
< link rel =" stylesheet " href =" @blueprintui/themes/dark/index.min.css " >

CDN

ส่วนประกอบ UI พิมพ์เขียวสามารถใช้ผ่าน CDNs เพื่อการสร้างต้นแบบที่ง่ายและง่ายดาย 

 < link rel =" stylesheet " href =" https://unpkg.com/@blueprintui/themes/index.min.css " >
< link rel =" stylesheet " href =" https://unpkg.com/@@blueprintui/themes/dark/index.min.css " >

< script type =" module " >
  import 'https://cdn.jsdelivr.net/npm/@blueprintui/components/include/alert.js/+esm' ;
</ script >

ใช้ส่วนประกอบ

เมื่อมีการโหลดชุดรูปแบบ CSS แล้วส่วนประกอบสามารถนำเข้าผ่านการนำเข้า JavaScript 

 import '@blueprintui/components/include/alert.js' ; 
 < body bp-theme =" { theme: 'dark' }); " >

  < bp-alert status =" success " > hello there! </ bp-alert >

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