ng-zorro-antd
Advanced tools
An enterprise-class UI components based on Ant Design and Angular.
English | 简体中文
 IE / Edge |  Firefox |  Chrome |  Safari |  Opera |  Electron |
|---|---|---|---|---|---|
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
Listing
@angular/cdkas its dependency,ng-zorro-antdsupports the most recent two versions of all major browsers.
ng-zorro-antd synchronizes design specification with Ant Design on a regular basis, you can check the log online.
We recommend using @angular/cli to install. It not only makes development easier, but also allows you to take advantage of the rich ecosystem of angular packages and tooling.
$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add ng-zorro-antd
More information about
@angular/clihere.
You can also install ng-zorro-antd with npm or yarn
$ npm install ng-zorro-antd
Import the module into every module where you want to use the components.
import { NgZorroAntdModule } from 'ng-zorro-antd';
@NgModule({
imports: [ NgZorroAntdModule ]
})
export class AppModule {
}
@angular/cliusers won't have to worried about things below but it's good to know.
And import style and SVG icon assets file link in angular.json.
{
"assets": [
+ {
+ "glob": "**/*",
+ "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/",
+ "output": "/assets/"
+ }
],
"styles": [
+ "node_modules/ng-zorro-antd/ng-zorro-antd.min.css"
]
}
See Getting Started for more details.
$ git clone git@github.com:NG-ZORRO/ng-zorro-antd.git
$ cd ng-zorro-antd
$ npm install
$ npm run site:start
Browser would open automatically.
Check this issue to read our plans for later 2018.
We welcome all contributions. Please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as GitHub issues.
If you're new to posting issues, we ask that you read How To Ask Questions The Smart Way (This guide does not provide actual support services for this project!), How to Ask a Question in Open Source Community and How to Report Bugs Effectively prior to posting. Well written bug reports help us help you!
For questions on how to use ng-zorro-antd, please post questions to 
using the ng-zorro-antd tag. If you're not finding what you need on stackoverflow, you can find us on as well.
As always, we encourage experienced users to help those who are not familiar with ng-zorro-antd!
If your company or product uses NG-ZORRO, let us know here!
MIT
7.0.0 (2019-02-28)
Update Angular and other packages to newest versions.
Update ng-zorro-antd to 7.0.
Notice
Pay attention to these changes to ensure that your code works as expected:
nzOkDisabled and nzCancelDisabled (#2856) (fa6a8e9), closes #1838nzNotFoundContent (#2740) (d9055f5)FAQs
An enterprise-class UI components based on Ant Design and Angular
The npm package ng-zorro-antd receives a total of 17,136 weekly downloads. As such, ng-zorro-antd popularity was classified as popular.
We found that ng-zorro-antd demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.