DevUI для Angular

DevUI Design — это система проектирования, которая включает в себя сочетание правил DevUI, языков дизайна и лучших практик. DevUI Design позволяет разработчикам больше сосредоточиться на логике приложения, в то время как дизайнеры сосредотачиваются на пользовательском опыте, взаимодействиях и процессах.

Особенности:

• корпоративные компоненты, поддержка спецификаций дизайна, библиотека шрифтов и иконок;
• «из коробки».

Чтобы узнать больше, посетите devui.design.

Поддержка Angular Теперь поддерживает Angular ^16.0.0

Начало работы

1. Создайте новый проект:

ng new New-Project

2. Установите:

$ cd New-Project
$ npm i ng-devui
# font icon library
# $ npm i @devui-design/icons

3. Используйте:

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 { }

4. Импортируйте стиль devui в файл angular.json:

{
  "styles": [
    ...
    "node_modules/ng-devui/devui.min.css"
  ]
}

5. Отладка:

ng serve --open

Вклад Пожалуйста, не стесняйтесь вносить код или обсуждать свою идею!

Перед созданием запроса на вытягивание обязательно ознакомьтесь с руководством по внесению вклада (contributing) в файле CONTRIBUTING.md.

Мы ценим всех участников, которые помогли нам создать DevUI.

Поддержка Современные браузеры и Internet Explorer 11+.

Партнёрский проект — H5-Dooring — упрощение создания H5 (http://h5.dooring.cn/).