https://github.com/1-2-3/zorro-sharper

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 组件库更简单、更易用、更强大的指令集
https://github.com/1-2-3/zorro-sharper

angular angular-components angular-directives angular8 ant-design antd enterprise ng-zorro ng-zorro-antd ngx

Last synced: 3 months ago
JSON representation

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 组件库更简单、更易用、更强大的指令集

• Host: GitHub
• URL: https://github.com/1-2-3/zorro-sharper
• Owner: 1-2-3
• License: mit
• Created: 2019-08-13T01:19:16.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-03-29T05:11:51.000Z (11 months ago)
• Last Synced: 2024-03-29T06:22:25.911Z (11 months ago)
• Topics: angular, angular-components, angular-directives, angular8, ant-design, antd, enterprise, ng-zorro, ng-zorro-antd, ngx
• Language: TypeScript
• Homepage: https://1-2-3.github.io/zorro-sharper/
• Size: 11.3 MB
• Stars: 69
• Watchers: 5
• Forks: 12
• Open Issues: 1
• Metadata Files:
  • Readme: README-en_US.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ZORRO Sharper

> simpler, easier, more powerful ng-zorro by directives

[![](https://img.shields.io/npm/v/zorro-sharper)](https://www.npmjs.com/package/zorro-sharper)

[![GitHub](https://img.shields.io/github/license/1-2-3/zorro-sharper)](https://github.com/1-2-3/zorro-sharper#License)

[![npm bundle size](https://img.shields.io/bundlephobia/min/zorro-sharper)](https://img.shields.io/bundlephobia/min/zorro-sharper)

Enhance and simplify [NG-ZORRO](https://github.com/NG-ZORRO/ng-zorro-antd) in a lightweight way.

English | [简体中文](README.md)

## Features

- Adaptive height card and DIV

- Adaptive height tab

- Adaptive height table

- Simplified drop-down box physical pagination

- Drop-down box auto assignment

- Simplify form validation info

- Simplify form validation feedback

- 3D flip card



![](src/assets/flip-card-sm.gif)

## Installation

```sh

npm install zorro-sharper --save

```

## Usage

Import the ZorroSharperModule into every module where you want to use the directives.

```ts

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 {}

```

Use directives and components where needed.

```html

  


    Just add the "nsAutoHeightCard" directive to extend the bottom of the nz-card to the bottom of

    the page.

  


```

## License

MIT