@ng-tangram/components

ng-tangram 是基于 Angular 和 Foundation 框架开发的开源组件库，以助力企业级应用为目标而生。

特性

• 开箱即用，上手简单。
• 基于 SASS 的参数化 UI 体系
• 40+ 个常用组件和服务
• 支持按需打包，以模块为单位导入
• 支持 SSR (服务器端渲染)
• 支持主题定制

开始

npm

npm install @ng-tangram/components --save

yarn

yarn add @ng-tangram/components

导入

在您的 style.scss 上导入

@import '~@ng-tangram/components/styles';

@include ng-tangram;

引用一个 NtButtonModule 模块

import { NgModule } from '@angular/core';
import { NtButtonModule } from '@ng-tangram/components/button';

// 如果导入多个模块时可以在全局命名空间导入
import { 
  NtAvatarModule, 
  NtDropdown, 
  NtModalModule 
} from '@ng-tangram/components';

@NgModule({
  imports: [
    NtAvatarModule, 
    NtButtonModule, 
    NtDropdown,
    NtModalModule
  ],
  ...
})
export class MyAppModule { }