lib-ptg-ui v0.1.7

LibPtgUi

This library was generated with Angular CLI version 13.3.0.

How many Components you will you

1. Inputs
2. Textareas
3. Select box
4. Radio Button
5. Toastr
6. Ag-grid
7. Ngx-datatable
8. File download (pdf, word, xlx, png)
9. Check box
10. Calender
11. Alerts
12. Buttons
13. Interminate checkbox
14. Loading bar
15. Material Datatable
16. Accordian
17. Highchart
18. D3 Chart

How to use components

<ptg-ui-input id="'user_name'" class="w-100" type="text" className="form-control bg_0"placeholder="'USER_NAME_PLACEHOLDER'" aria_placeholder="Enter User Name">

<ptg-ui-calendar class="w-100" aria-label="enterDOB" id="'inputDob'" aria_placeholder="MM-DD-YYYY">

<ptg-ui-select formControlName='city' class="w-100" items='cityList'isMultiple="false" closeOnSelect="true" placeholder="'SELECT_PLACEHOLDER'">

<ptg-ui-radio formControlName='gender' items='genderList' name="'gender-radio-btn'">

<ptg-ui-checks formControlName='confirm' label="'DECLARATION_REGISTRATION_TEXT'">

<ptg-ui-button class="w-100" type="submit" btnStyleType="primary" isBlock='true' aria-label="submit">Submit

<ptg-ui-accordian listData="data" isAnimated="true" oneAtATime="true">

<ptg-ui-high-bar-chart data="barChart3d.data">

<ptg-ui-high-pie-chart data="pieChart3d.data">

<ptg-ui-high-line-chart data="lineChart3d.data" chartId="single-line" categories="lineChart3d.categories">

<ptg-ui-high-line-chart data="multiLineChart3d.data" chartId="multi-chart-line" categories="multiLineChart3d.categories">

<ptg-ui-linebar-chart remainingOptions="lineBarChart.remainingOptions" categories="lineBarChart.categories" title="lineBarChart.title" subtitle="lineBarChart.subtitle">

<ptg-ui-stacked-column-chart remainingOptions="stackedColumn.remainingOptions" categories="stackedColumn.categories" title="stackedColumn.title" subtitle="stackedColumn.subtitle">

<ptg-ui-high-3d-bar-chart data="barChart3d.data" categories="barChart3d.categories">

<ptg-ui-high-3d-line-chart data="lineChart3d.data" categories="lineChart3d.categories" chartId="single-line-chart">

<ptg-ui-high-3d-line-chart data="multiLineChart3d.data" categories="multiLineChart3d.categories" chartId="multi-line-chart">

<ptg-ui-high-3d-pie-chart data="pieChart3d.data">

D3 Charts <ptg-ui-bar-chart data="barChartData.data" width="barChartData.width" height="barChartData.height" margin="barChartData.margin" start="barChartData.start" end="barChartData.end">

<ptg-ui-pie-chart data="pieChartData.data" colorsArray="pieChartData.colors">

<ptg-ui-line-chart data="lineChartData.data" margin="lineChartData.margin" width="lineChartData.width" height="lineChartData.height">