Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 2 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 (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-03-29T05:11:51.000Z (6 months ago)
- Last Synced: 2024-03-29T06:22:25.911Z (6 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