zChanges / chrysalis-ng

chrysalis-ng 用来学习Angular4的ui库，仅供学习。

Chrysalis/NG

Chrysalis-ng 用来学习angular4的UI组件库。

在线例子link:https://zchanges.github.io/chrysalis-ng/

Installation

 npm install chrysalis-ng --save

Use

// AppModule
import { NgModule } from '@angular/core';
import { ChrysalisNgModule } from 'chrysalis-ng';

@NgModule({
  declarations: [AppComponent],
  imports: [ 
      BrowserModule, 
      ChrysalisNgModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Components

• sidebar
• navMenu
• pager
• pagination
• tabs
• badge
• notification
• chAutoCompleteDemo

Name	Docs
sidebar	Docs
navMenu	Docs
pager	none
pagination	Docs
tabs	Docs
badge	Docs
notification	Docs
chAutoCompleteDemo	Docs

Build

• Run serve: npm start