angular2-ui-switch-codengamer
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.3 • Public • Published

    Description

    This is a simple iOS 7 style switch component for Angular2.

    alt

    Inspired by switchery - in angular2.

    Installation

    npm install angular2-ui-switch --save

    Usage

    import { UiSwitchModule } from 'angular2-ui-switch'
    import { AppComponent } from './app.component';
     
    @NgModule({
        imports: [BrowserModule, FormsModule, UiSwitchModule],
        declarations: [AppComponent],
        bootstrap: [AppComponent]
    })
    export class AppModule {
    }
    <ui-switch></ui-switch>

    Two way binding

    <ui-switch [(ngModel)]="enable"></ui-switch>

    Params

    checked

    type: boolean

    default: false

    <ui-switch checked></ui-switch>
    <ui-switch [checked]="false"></ui-switch>

    reverse - reverse switch color positions

    type: boolean

    default: false

    <ui-switch reverse="true"></ui-switch>

    switchColor

    type: string

    default: #fff

    <ui-switch switchColor="#fcfcfc"></ui-switch>

    disabled

    type: boolean

    default: false

    <ui-switch disabled></ui-switch>
    <ui-switch checked [disabled]="true"></ui-switch>

    change

    type: event

    default: noop

    <ui-switch (change)="onChange($event)"></ui-switch>

    size

    type: string

    default: medium

    <ui-switch size="small"></ui-switch>
    <ui-switch size="large"></ui-switch>

    color

    type: string

    default: rgb(100, 189, 99)

    <ui-switch color="red"></ui-switch>

    License

    MIT

    Install

    npm i angular2-ui-switch-codengamer

    DownloadsWeekly Downloads

    7

    Version

    0.0.3

    License

    MIT

    Last publish

    Collaborators

    • avatar