zeus-ng
v0.0.3
Published
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.0.0.
Downloads
10
Readme
ZeusNg
This library was generated with Angular CLI version 15.0.0.
How to use the Package
Navigate to your project directory and Open a terminal window(CMD) and: npm i zeus-ng
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
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
and there you go . You have successfully integrated zButton.