JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 31
  • Score
    100M100P100Q62643F

Veros Component library for Angular

Package Exports

  • vros-ui
  • vros-ui/bundles/vros-ui.umd.js
  • vros-ui/fesm2015/vros-ui.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vros-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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/sass/vars/colors";
@import "~vros-ui/sass/vars/vars";
@import "~vros-ui/sass/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.