# AegonUi

* A simple `component` library to be used with Angular.
* This component extends the funtionality of Angular `web-components` and is recommended that it is used with it.
* However, this component can be used inside `any other` component.
* It is developed using `Angular >=7.2.0` and its `ng g library` schematics.

## Installation

`npm i ngx-lib-nfq-button`

## API Example

`import { AegLibModule } from 'ngx-aegon-ui';`<br>
`selector: aeg-button`

### @Inputs()

| Input            | Type    | Required                   | Description                                                      |
| ---------------- | ------- | -------------------------- | ---------------------------------------------------------------- |
| buttonType | string | Optional | Type of the button you want to display, normal by default (outline, clear, disabled,etc). |
| disabled   | boolean | Optional, default: false  | if true, it disables the button                                         |

## Usage

1) Register the `AegLibModule` in your app module.
 > `import { AegLibModule } from 'ngx-aegon-ui'`

 ```typescript
import { NgModule } from '@angular/core';
import { AegLibModule } from 'ngx-aegon-ui';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    AegLibModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}
 ```

 2) Use the selector inside any component html file `<aeg-buton><aeg-button>` in your component.