anywhere webcomponents Download - anywhere webcomponents Quellcode Download

anywhere webcomponents

Komponenten von Drittanbietern

1.0.0

Herunterladen

Anywhere Web -Komponenten

Demo hier | Roadmap

Dieses Projekt ist in Arbeit. Siehe Projektseite, um den gesamten Status zu verfolgen.

Das Designsystem und die Spezifikationen sind noch offen, sollten aber in Nebular, Bootstrap und Rückenwind inspiriert sein.

Feedback geben

Schreiben Sie einen Kommentar zum Designsystem, geben Sie Ihr Feedback!

Browserunterstützung

Chrom	Neue Kante (Chrom)	Safari	Firefox	Ältere Kante	Dh
60+	79+	10.1+	63+	16-18 (Polyfills)	> = 11 (Polyfills)

Siehe vollständige Dokumente

So installieren

NPM

Abhängigkeit installieren:

npm i @tiagoboeing/anywhere-webcomponents

Und anywhere-webcomponents.js :

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

Die Verwendung in Frameworks finden Sie auf der Schablonenseite.

Über CDN (Release -Kandidat)

Jetzt können Sie Komponenten in einer HTML -Seite importieren, die über Skript von CDN importiert wird.

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 freisetzen (Branch entwickeln)

(Achtung !! Nicht für die Produktion verwenden!)

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

Andere Alternative ist die Verwendung von UNPKG, um dies mit den folgenden URLs zu überschreiben: https://unpkg.com/@tiagoboeing/anywhere-webcomponents@latest/dist/anywhere-webcomponents/anywhere-webcomponents.js

Winkelanwendungen

npm i @tiagoboeing/anywhere-webcomponents

In Ihrer app.module.ts deklarieren Sie 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 { }

Und in main.ts -Ende der Datei fügen Sie die folgenden Importe hinzu:

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

defineCustomElements ( ) ;

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

Reagieren Sie Anwendungen

yarn add @tiagoboeing/anywhere-webcomponents

Fügen Sie in Ihrer Datei src/index.js oder src/index.tsx (TypeScript -Projekt) die folgenden Importe vor, vorzugsweise vor dem React -Render:

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

defineCustomElements ( ) ;

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