ดาวน์โหลด anywhere webcomponents - anywhere webcomponents Source Download Download

anywhere webcomponents

ส่วนประกอบของบุคคลที่สาม

1.0.0

ดาวน์โหลด

ทุกที่ส่วนประกอบของเว็บ

ตัวอย่างที่นี่ | แผนงาน

โครงการนี้เป็นงานที่กำลังดำเนินอยู่ ดูหน้าโครงการเพื่อติดตามสถานะทั้งหมด

ระบบการออกแบบและข้อกำหนดยังคงเปิดอยู่ แต่ควรได้รับแรงบันดาลใจใน nebular, bootstrap และ tailwind

ให้ข้อเสนอแนะ

เขียนความคิดเห็นเกี่ยวกับระบบการออกแบบให้ข้อเสนอแนะของคุณ!

การสนับสนุนเบราว์เซอร์

โครเมี่ยม	ขอบใหม่ (โครเมียม)	ซาฟารี	Firefox	ขอบที่เก่ากว่า	เช่น
60+	79+	10.1+	63+	16-18 (Polyfills)	> = 11 (polyfills)

ดูเอกสารที่สมบูรณ์

วิธีการติดตั้ง

NPM

ติดตั้งการพึ่งพา:

npm i @tiagoboeing/anywhere-webcomponents

และนำเข้าได้ anywhere-webcomponents.js

 < script src = "@tiagoboeing/anywhere-webcomponents/dist/anywhere-webcomponents/anywhere-webcomponents.js" > </ script >

สำหรับใช้ในเฟรมเวิร์กดูหน้า stencil

Via CDN (ผู้สมัครปล่อย)

ตอนนี้คุณสามารถทดสอบส่วนประกอบในหน้า HTML ที่นำเข้าผ่านสคริปต์จาก CDN

มั่นคง

 < script src =" https://cdn.tiagoboeing.com/anywhere-webcomponents/master/anywhere-webcomponents/anywhere-webcomponents.js " > </ script >
< aw-button label =" Primary " mode =" square " color =" outline " status =" success " > </ aw-button >

ปล่อยผู้สมัคร (พัฒนาสาขา)

(ความสนใจ !! ไม่ใช้สำหรับการผลิต!)

 < script src =" https://cdn.tiagoboeing.com/anywhere-webcomponents/develop/anywhere-webcomponents/anywhere-webcomponents.js " > </ script >
< aw-button label =" Primary " mode =" square " color =" outline " status =" success " > </ aw-button >

ทางเลือกอื่นคือใช้ UNPKG สำหรับสิ่งนี้เขียนทับด้วย URL ต่อไปนี้: https://unpkg.com/@tiagoboeing/anywhere-webcomponents@latest/dist/anywhere-webcomponents/anywhere-webcomponents.js

แอปพลิเคชันเชิงมุม

npm i @tiagoboeing/anywhere-webcomponents

ใน app.module.ts ของคุณประกาศ CUSTOM_ELEMENTS_SCHEMA :

 import { NgModule , CUSTOM_ELEMENTS_SCHEMA } from '@angular/core' ;

@ NgModule ( {
  declarations : [
    AppComponent
  ] ,
  imports : [
    BrowserModule ,
    AppRoutingModule
  ] ,
  providers : [ ] ,
  bootstrap : [ AppComponent ] ,
  schemas : [ CUSTOM_ELEMENTS_SCHEMA ]   // <-- declare this
} )
export class AppModule { }

และใน main.ts สิ้นสุดของไฟล์เพิ่มการนำเข้าต่อไปนี้:

 import { applyPolyfills , defineCustomElements } from '@tiagoboeing/anywhere-webcomponents/loader' ;

defineCustomElements ( ) ;

// for IE support (optional)
applyPolyfills ( ) . then ( ( ) => {
  defineCustomElements ( )
} )

ตอบสนองแอปพลิเคชัน

yarn add @tiagoboeing/anywhere-webcomponents

ในไฟล์ src/index.js หรือ src/index.tsx (Project) ของคุณเพิ่มการนำเข้าต่อไปนี้ก่อนที่จะแสดงปฏิกิริยา:

 import { applyPolyfills , defineCustomElements } from '@tiagoboeing/anywhere-webcomponents/loader' ;

defineCustomElements ( ) ;

// for IE support (optional)
applyPolyfills ( ) . then ( ( ) => {
  defineCustomElements ( )
} )