/chrysalis-ng

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

Primary LanguageTypeScript

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