ng-devui
                                
                                
                                
                                    ng-devui copied to clipboard
                            
                            
                            
                        Angular UI Component Library based on DevUI Design
DevUI for Angular
The DevUI Design Design system contains a combination of DevUI rules, Design languages, and best practices. DevUI Design allows developers to focus more on application logic, while designers focus on user experience, interactions, and processes.Features
- Enterprise components, supporting design specifications, font icon library
 - Out of the box
 
To see more in devui.design.
Angular Support
Now supports Angular ^13.0.0
Getting Started
- Create a new project
 
ng new New-Project
- Installation:
 
$ cd New-Project
$ npm i ng-devui
# font icon library
# $ npm i @devui-design/icons
- Usage:
 
import { BrowserModule } from '@angular/platform-browser';
// need for animations
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { DevUIModule } from 'ng-devui';
import { AppComponent } from './app.component';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    DevUIModule
  ],
  bootstrap: [ AppComponent ],
})
export class AppModule { }
- Import devui style into 
angular.jsonfile: 
{
  "styles": [
    ...
    "node_modules/ng-devui/devui.min.css"
  ]
}
- Debugging
 
ng serve --open
Contribution
Please feel free to contribute code or discuss your idea!
Please make sure you read the contributing guide before making a pull request.
We appreciate all contributors who helped us build DevUI.
Support
Modern browsers and Internet Explorer 11+.
 IE / Edge | 
 Firefox | 
 Chrome | 
 Safari | 
 Opera | 
|---|---|---|---|---|
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | 





