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.json
file:
{
"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+.
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |