NgxCompass Component

Compass Component, scallable angular component

Installing

Assuming you have NodeJS, NPM installed globally just open up a terminal, navigate to your projects root directory and then execute

npm install ngx-compass --save

Usage

With Angular module

...
import {NgxCompassModule} from 'ngx-compass';

@NgModule({
  imports: [
      ...
      NgxCompassModule
  ],
})

Call component selector as

  <ngx-compass [rotate]="30"></ngx-compass>

or with all available inputs

  <ngx-compass 
    [rotate]="value" 
    [width]="330" 
    [mode]="'light'" 
    [angleUnit]="30" 
  >
  </ngx-compass>

Options

| input | default | | |-----------|---------|-------------------------------------------| | rotate | 0 | rotation angle | | width | 330 | compass container width | | mode | light | "light", "dark" theme | | angleUnit | 30 | this will define compass scale angle step |

Example

See Stackblitz example

Issues

If you identify any errors in the library, or have an idea for an improvement, please open an issue.