ng-devuiAngular UI Component Library based on DevUI Design
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. DevUI for Angular
Features
- Enterprise components, supporting design specifications, font icon library
- Out of the box
To see more in devui.design.
Angular Support
Now supports Angular ^12.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+.
IE / Edge |
Firefox |
Chrome |
Safari |
Opera |
---|---|---|---|---|
IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
Who use it
LICENSE
评论