Zorro Sharper Save

Light-weight directives that power up ng-zorro-antd based on angular (adaptive auto height card and table, simplify form validation, 3d flip card or div transform etc.) / 让 zorro 组件库更简单、更易用、更强大的指令集

Project README

ZORRO Sharper

让 zorro 组件库更简单、更易用、更强大的指令集

GitHub npm bundle size

使用超级轻量化的方式来增强、简化 ZORRO 组件库

设计理念:不再“封装”组件

简体中文 | English

特性

  • 自适应高度的卡片和 DIV
  • 自适应高度标签页
  • 自适应高度的表格
  • 简化下拉框物理分页
  • 下拉框自动赋值
  • 简化表单验证信息
  • 简化表单验证反馈
  • 3D 翻转卡片

安装

npm install zorro-sharper --save

使用

在每一个需要使用组件的 module 中引入 ZorroSharperModule。

import { NgModule } from "@angular/core";
import { NgZorroAntdModule } from "ng-zorro-antd";
import { ZorroSharperModule } from "zorro-sharper";

@NgModule({
  imports: [NgZorroAntdModule, ZorroSharperModule],
  declarations: [],
  exports: []
})
export class DirectiveDemoModule {}

在需要的地方使用指令或组件。

<nz-card nsAutoHeightCard nzHoverable nzTitle="自适应高度卡片">
  <p>只需添加 “nsAutoHeightCard” 指令即可让 nz-card 底部延展到页面底部.</p>
</nz-card>

License

MIT

Open Source Agenda is not affiliated with "Zorro Sharper" Project. README Source: 1-2-3/zorro-sharper

Open Source Agenda Badge

Open Source Agenda Rating