@lhixson/component-library-angular v0.0.2

Angular library

Stencil components wrapped with Angular bindings

Install the package:

npm install @nee-fpl/component-library-angular

Then import the library and add CUSTOM_ELEMENTS_SCHEMA so the angular app can register custom elements:

import { ComponentLibraryModule } from 'component-library-angular';

@NgModule({
  imports: [
    ComponentLibraryModule
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})

You'll be able to include any angular component in your app with a custom tag, following kebab-case conventions.

Custom Events

Some components will have custom events tied to them.

For example, a click property will handle a click on the component, which you can direct to a custom handler function in a component.ts file.

<primary-button (click)="this.handleClick($event)" text="Button"></primary-button>

Notes

Properties and attributes for each component are described in the Notes tab of each component. These are the customizable properties you can access from your application.