0.0.1 • Published 6 years ago

strongmind-component-suite v0.0.1

Weekly downloads
1
License
MIT
Repository
-
Last release
6 years ago

Strongmind Angular Component Suite

NPM version

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

Requirements

UI Dependency

  • None

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. You need to import the Angular FormsModule and ReactiveFormsModule as well.

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 sm-angular-numberpicker directive to the page where you want to use the number picker.

<sm-angular-numberpicker [numberPickerOption]="numberPickerOptions" [(pickerValue)]="pickerValue"></sm-angular-numberpicker>

Directive Inputs and Outputs

AttributeTypeRequiredDescription
mininput NumberNoThe minimal number limit on the number picker. 0 by default
maxinput NumberNoThe maximum number limit on the number picker. 100 by default
stepinput NumberNoThe step value for the number picker. 1 by default
precisioninput NumberNoThe decimal precision for the number picker, if the step input value is a decimal value. 1 by default
inputDisabledinput BooleanNoDefines if the input input should be disabled / editable by the user. false by default
onChange(output) NumberNoThe onChange event of the component. Emits the value of the number picker, every time the user has clicked the - or + button.