sm-angular-component-suite v0.0.31

Strongmind Angular Component Suite

Strongmind styled, html controls, and components (Angular v2.0.0+)

Requirements

• Angular (2.0.0+)

UI Dependency

• None (Twitter Bootstrap v3+ - Recommended)

Installation

npm install sm-angular-component-suite -save

Basic usage

Import desired components in your app.module and add it to the declarations array. Alternatively, you can import desired components to a shared module, to make it available across all modules in your Angular application.

Example usage (NumberPickerComponent)

...
import { NumberPickerComponent } from 'sm-angular-component-suite/components';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent,
    NumberPickerComponent
  ],
  imports: [
    ...
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Add the strongmind-number-picker directive to the page where you want to use the number picker.

Quickest way to use numberpicker

<strongmind-number-picker [(pickerValue)]="pickerValue"></strongmind-number-picker>

Or, to update just some option values

<strongmind-number-picker [numberPickerOption]="{ min: 0, max: 20 }" [(pickerValue)]="pickerValue"></strongmind-number-picker>

Or to modify all/any numberpicker options

<strongmind-number-picker [numberPickerOption]="numberPickerOptions" [(pickerValue)]="pickerValue"></strongmind-number-picker>

Directive Inputs and Outputs