Skip to content

An enterprise-class UI components based on Ant Design and Angular 7. ๐Ÿœ

License

Notifications You must be signed in to change notification settings

MzoroHaHa/ng-zorro-antd

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

NG-ZORRO

An enterprise-class UI components based on Ant Design and Angular.

Travis branch Codecov GitHub Release Date npm package NPM downloads GitHub license Gitter extension-for-VSCode

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
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Electron
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

More information about @angular/cli here.

You can also install ng-zorro-antd with npm or yarn

$ npm install ng-zorro-antd

๐Ÿ”จ Usage

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/cli users won't have to worry about the 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 [email protected]: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

PRs Welcome

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 Stack Overflow using the ng-zorro-antd tag. If you're not finding what you need on stackoverflow, you can find us on Gitter 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

About

An enterprise-class UI components based on Ant Design and Angular 7. ๐Ÿœ

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 80.2%
  • CSS 13.6%
  • HTML 4.6%
  • JavaScript 1.6%