Download anywhere webcomponents - anywhere webcomponents Source Code Unduh

anywhere webcomponents

Komponen pihak ketiga

1.0.0

Unduh

Di mana saja komponen web

Demo di sini | Peta jalan

Proyek ini sedang dalam proses. Lihat halaman Proyek untuk melacak semua status.

Sistem dan spesifikasi desain masih terbuka tetapi harus terinspirasi dalam nebular, bootstrap dan tailwind.

Berikan umpan balik

Tulis komentar tentang sistem desain, berikan umpan balik Anda!

Dukungan Browser

Chrome	Edge Baru (Chromium)	Safari	Firefox	Tepi yang lebih tua	YAITU
60+	79+	10.1+	63+	16-18 (Polyfills)	> = 11 (polyfills)

Lihat dokumen lengkap

Cara menginstal

NPM

Instal Ketergantungan:

npm i @tiagoboeing/anywhere-webcomponents

Dan impor anywhere-webcomponents.js :

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

Untuk digunakan dalam kerangka kerja, lihat halaman stensil.

Via CDN (kandidat rilis)

Sekarang Anda dapat menguji komponen di halaman HTML yang mengimpor melalui skrip dari CDN.

Stabil

 < 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 >

Kandidat rilis (kembangkan cabang)

(Perhatian !! Tidak digunakan untuk produksi!)

 < 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 >

Alternatif lainnya adalah menggunakan UNPKG, untuk ini, ditimpa dengan URL berikut: https://unpkg.com/@tiagoboeing/anywhere-webcomponents@latest/dist/anywhere-webcomponents/anywhere-webcomponents.js

Aplikasi sudut

npm i @tiagoboeing/anywhere-webcomponents

Di app.module.ts menyatakan 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 { }

Dan di main.ts file, tambahkan impor berikut:

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

defineCustomElements ( ) ;

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

Aplikasi Bereaksi

yarn add @tiagoboeing/anywhere-webcomponents

Dalam file src/index.js atau src/index.tsx (proyek TypeScript) Anda, tambahkan impor berikut lebih disukai sebelum rendere react:

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

defineCustomElements ( ) ;

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