zeus-ng v0.0.3

ZeusNg

This library was generated with Angular CLI version 15.0.0.

How to use the Package

1. Navigate to your project directory and Open a terminal window(CMD) and: npm i zeus-ng

2. Go to "app.module.ts" of your project folder and follow the below steps:

   import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser';

import { ZeusNg } from 'zeus-ng';

  import { AppComponent } from './app.component';

  @NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, ZeusNg],
  providers: [],
  bootstrap: [AppComponent],
   })
   export class AppModule {
     ........
    }

Add ZeusNg to imports

3. then, go to app.component.html or the file where you want to use it and follow:

   <zButton label="Custom Button" textColor="rgba(253, 183, 28, 1)" borderColor="rgba(253, 183, 28, 1)" borderWidth="1px" borderStyle="solid"

   Here, you can use the following properties for above button:

   1. label: for label text to show in zButton (e.g. label="Button")

   2. textColor: for the font color of the zButton (e.g. textColor="red" or any hex code or rgb value)

   3. borderColor: for the color of the border of your wish (e.g. borderColor="red" or any hex code or rgb value)

   4. borderWidth: the width of the border in px or rem . (e.g. borderWidth="1px" or 0.4rem or whatever value you want)

   5. borderStyle: the style of the border like solid, dashed, groove, etc

4. and there you go . You have successfully integrated zButton.