SitaRadiantLibrary

TO iMPORT COPY THE BELOW CODE-

NPM

npm install --save ngx-sita-ui

Import 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

Mail

Reach us at [email protected]