state-stepper
Advanced tools
Comparing version 2.0.3 to 2.0.4
{ | ||
"name": "state-stepper", | ||
"version": "2.0.3", | ||
"version": "2.0.4", | ||
"description": "State-Stepper Web-Component", | ||
@@ -5,0 +5,0 @@ "author": { |
@@ -37,2 +37,46 @@ # State-Stepper | ||
Example: | ||
**app.module.ts** | ||
```ts | ||
import { BrowserModule } from '@angular/platform-browser'; | ||
import { NgModule } from '@angular/core'; | ||
import { AppComponent } from './app.component'; | ||
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; | ||
import { FormsModule } from '@angular/forms'; | ||
@NgModule({ | ||
declarations: [AppComponent], | ||
imports: [BrowserModule, FormsModule], | ||
providers: [], | ||
bootstrap: [AppComponent], | ||
schemas: [CUSTOM_ELEMENTS_SCHEMA] | ||
}) | ||
export class AppModule {} | ||
``` | ||
**main.ts** | ||
```ts | ||
import { enableProdMode } from '@angular/core'; | ||
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; | ||
import { AppModule } from './app/app.module'; | ||
import { environment } from './environments/environment'; | ||
import { defineCustomElements } from 'state-stepper/loader'; | ||
if (environment.production) { | ||
enableProdMode(); | ||
} | ||
platformBrowserDynamic() | ||
.bootstrapModule(AppModule) | ||
.catch(err => console.error(err)); | ||
defineCustomElements(window); | ||
``` | ||
## Usage | ||
@@ -39,0 +83,0 @@ |
840348
70
12739
170