Need help with ng-devui?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

DevCloudFE
694 Stars 114 Forks MIT License 35 Commits 26 Opened issues

Description

Angular UI Component Library based on DevUI Design

Services available

!
?

Need anything else?

Contributors list

DevUI Logo

Github Star License

Document Document Npm Chat

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

^11.0.0

Getting Started

  1. Create a new project
ng new New-Project
  1. Installation:
$ cd New-Project
$ npm i ng-devui
# font icon library
# $ npm i @devui-design/icons
  1. 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 { }

  1. Import devui style into
    angular.json
    file:
{
  "styles": [
    ...
    "node_modules/ng-devui/devui.min.css"
  ]
}
  1. 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 / EdgeIE / Edge | FirefoxFirefox | ChromeChrome | SafariSafari | OperaOpera | | --------- | --------- | --------- | --------- | --------- | | IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions

Who use it

DevCloud Logo

LICENSE

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.