VEROS UI FRAMEWORK
A Angular UI component library that helps you quickly build Angular applications.
Compatibility
The library is compatible with Angular 9+ versions.
Setup
Dependencies
The vros-ui depends on third party libraries.
Install and configure the following dependencies in your project:
"@angular/common"
"@angular/cdk"
"@angular/core"
"@angular/material"
"@fortawesome/fontawesome-free"
"bootstrap"
"ngx-image-cropper"
"qrcode"
Check HERE the packages versions.
Installation
The vros-ui can be installed with npm:
npm install vros-ui@latest --save
Import RhzModule
Then, import RhzModule into the root module (typically called AppModule) of your Angular app.
import { RhzModule } from 'vros-ui';
...
imports: [
BrowserModule,
...
RhzModule.forRoot(),
...
],
Default settings can be changed in RhzModule:
import { RhzModule, IRhzConfig } from 'vros-ui';
// Your custom configs
const rhzConfig: IRhzConfig = {};
...
imports: [
BrowserModule,
...
RhzModule.forRoot(rhzConfig),
...
],
Check HERE all config properties.
Load styles
It is necessary to import global library styles into your project.
In the style.scss file, add lines:
@import "vros-ui/colors";
@import "vros-ui/vars";
@import "vros-ui/rhz-sass";
Load assets
The vros-ui has assets, so it is necessary to make the configuration for the project to export these assets.
In the angular.json file, add the line at assets options:
"assets": [...
{ "glob": "**/*", "input": "node_modules/vros-ui/assets", "output": "/assets/" }
...]
License Information
Copyright © 2021 Veros and/or its subsidiaries or affiliates. All Rights Reserved.