Mv-ui NPM | npm.io

MVinicius User Interface

User interface for professional web applications. I originally created for my personal projects to offer a clean and lightweight interface to mobile devices and desktops using Angular Framework. The focus is the ease of implementation in Business Intelligence projects and classroom teaching to learn the Angular Framework.

Instalation

yarn add mv-ui

Usage

app.module.ts

// Import the main dependencies
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MvUiModule } from 'mv-ui';

@NgModule({
  // Import on modue
  imports: [
    BrowserAnimationsModule,
    MvUiModule,
  ]
  // ...
})
export class AppModule { }

app.component.html

<mv-ui>
  <mv-iconset prefix="fa" link="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  </mv-iconset>
</mv-ui>
<mv-shell>
  <mv-shell-left>left</mv-shell-left>
  <mv-shell-right>right</mv-shell-right>
  <router-outlet></router-outlet>
</mv-shell>