NG-ZORRO-NET
An enterprise-class UI components based on Ant Design and Angular.
English | 简体中文
✨ Features
- An enterprise-class UI design system for web applications.
- A set of high-quality Angular components out of the box.
- Written in TypeScript with predictable static types.
- The whole package of development and design resources and tools.
🖥 Environment Support
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/cdk
as its dependency,ng-zorro-antd
supports the most recent two versions of all major browsers.
🎨 Design Specification
ng-zorro-antd
synchronizes design specification with Ant Design on a regular basis, you can check the log online.
📦 Installation
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-net --i18n=en_US
More information about
@angular/cli
here.
You can also install ng-zorro-antd
with npm or yarn
$ npm install ng-zorro-antd-net
🔨 Usage
Import the module into every module where you want to use the components.
;
@angular/cli
users 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.
🔗 Links
⌨️ Development
$ 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.
🗺 Road Map
Check this issue to read our plans for later 2018.
🤝 Contributing
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!
❓ Help from the Community
For questions on how to use ng-zorro-antd, please post questions to using the ng-zorro
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
!
🎉 Users
If your company or product uses NG-ZORRO, let us know here!
☀️ License
MIT