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.