New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More

rhz-ui

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rhz-ui

Rhizom component library for Angular

  • 0.0.8-beta.31
  • npm
  • Socket score

Version published
Weekly downloads
1
Maintainers
3
Weekly downloads
 
Created

RHIZOM 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 rhz-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"
"ngx-quill"
"qrcode"
"quill"

Check HERE the packages versions.

Installation

The rhz-ui can be installed with npm:

npm install rhz-ui@latest --save

Import RhzModule

Then, import RhzModule into the root module (typically called AppModule) of your Angular app.

import { RhzModule } from 'rhz-ui';
...
imports: [
   BrowserModule,
   ...
   RhzModule.forRoot(),
   ...
],

Default settings can be changed in RhzModule:

import { RhzModule, IRhzConfig } from 'rhz-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 "~rhz-ui/sass/vars/colors";
@import "~rhz-ui/sass/vars/vars";
@import "~rhz-ui/sass/rhz-sass";

Load assets

The rhz-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/rhz-ui/assets", "output": "/assets/" }
...]

License Information

Copyright © 2021 Rhizom Foundation and/or its subsidiaries or affiliates. All Rights Reserved.


FAQs

Package last updated on 15 Apr 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts