ioa-ui
v1.2.0
Published
This app is made to present the graphic framework of the IOA project, and package it.
Downloads
5
Readme
IOA UI - Graphic framework of IOA Project
This app is made to present the graphic framework of the IOA project, and package it.
Setup IOA UI library
1. Installation
npm install ioa-ui
2. External assets
You need to import material icons font and the app font "PT Sans". You can do that by adding two <link>
tags in <head>
of index.html, at your app root.
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
3. JS libraires
Material modules use HammerJS for some gestures support. You need to import it in the main.ts
file.
import 'hammerjs';
Develop on the UI Framework
You can work on the UI framework as you work on a normal Angular app. Just run ng serve
in your local folder, and start coding.
But keep in mind that the app is only a demo of the framework, and that framework is made to be used by other devs. So, take time to write test files as you develop components, services, or any other Angular element. Also, you must write documentations or implementation of any SCSS method, class, etc. and same for Angular elements.
Package the UI Framework
You can make a package of the framework by running this command :
npm run pack
This will generate a folder dist/
at the app root, ready to be published.
Then, publish the package by running :
npm publish dist
Before any publish, don't forget to update the version of that package in package.json
!