@trimble-oss/modus-angular-components

Modus Angular Components

About

This library was generated with Angular CLI version 17. The components in this library were programmatically generated using the StencilJS Angular Framework Integration.

Installation

• Install the Modus Angular Components Library and its Modus Web Component dependency npm install @trimble-oss/modus-angular-components --save

• Add the following snippet to your main.ts (or any main module)

  import { defineCustomElements } from '@trimble-oss/modus-web-components/loader';
  
  defineCustomElements();

• Add the following snippet to your app.module.ts (or any app module)

  import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
  
  @NgModule({
    ...
    schemas: [CUSTOM_ELEMENTS_SCHEMA]
  })

Example Usage

• Use a modus button in your app.component.html

  <modus-button color="primary" [disabled]="false">Modus Button</modus-button>

Contributing

To contribute to the Modus Angular Components library please see the Modus Web Components contributing guidelines.

Build

To rebuild the Modus Angular Components you need to perform the following steps:

• from the ./stencil-workspace/ng16 project directory run the following: npm run build

• From the ./angular-workspace/ng16 project directory run npm run build

Debugging Locally

To use the Modus Angular components locally for debugging and other purposes:

• From the ./angular-workspace project directory run npm run start:test-harness