0.0.3 • Published 4 years ago
ngx-sita-ui v0.0.3
SitaRadiantLibrary
TO iMPORT COPY THE BELOW CODE-
NPM
npm install --save ngx-sita-uiImport in module
import { NgxSitaUIModule } from 'ngx-sita-ui';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
NgxSitaUIModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }INCLUDE BASIC TABLE COMPONENT
<NgxSita-basic-table [tableHead]="header" [tableData]="tbodyData" [delete]="true" [edit]="true" (deleteEvent)="deleteID($event)" (editEvent)="editID($event)" ></NgxSita-basic-table>Inputs
| Input | Type | Default | Required | Description |
|---|---|---|---|---|
| tableHead | array | "" | no | later |
| tableData | array | "" | no | later |
| delete | boolean | false | no | later |
| edit | boolean | false | no | later |
Outputs
| Output | Type | Default | Required | Description |
|---|---|---|---|---|
| deleteEvent | event | "" | required with 'delete' input is true | function to invoke on click of icons |
| editEvent | event | "" | required with 'edit' input is true | function to invoke on click of icons |
INCLUDE WIGDET COMPONENT WITH CHART
<NgxSita-widget-box [graphId]="'new1'" [graphLabel]="label" [graphData]="dataset" [imgName]="'assets/sitaUI/images/iborder/icons/tab_icon/icon_complete_black.png'" [WidgetTitle]="'Sita Radiant Chart'" ></NgxSita-widget-box>Inputs
| Input | Type | Default | Required | Description |
|---|---|---|---|---|
| graphId | string | "" | no | later |
| graphLabel | array | "" | no | later |
| graphData | array | "" | no | later |
| imgName | string | "" | no | Complete img path |
Inspiration
This component is inspired by SITA UI
Reach us at anuj.pal@sita.aero