Configurators-web-components NPM

About The Project

Configurators inside adeo domain are build with angular or vue. As such the common components are build as web components so we are able to provide them in both cases

How to use

npm install

npm i configurators-web-components

or yarn install

yarn add configurators-web-components

in your vue app you can import the bundle into your main.js file

import 'configurators-web-components/dist/bundle.js';

in your angular app install it in the module you require the components: (NB: you need to use the CUSTOM_ELEMENTS_SCHEMA for angular to allow the use of custom tags)

import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from '../app-routing.module';
import { FeatureComponent } from './feature.component';
import 'configurators-web-components/dist/bundle.js';

@NgModule({
  declarations: [
    FeatureComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
export class FeatureModule { }

Storybook

A storybook is deployed on github pages for people having an account in adeo organization on github. A surge deployment is also available here for the others.