InvestorsInCommunity

Pagination

Text Input

Enabled Input Text

Disabled Input Text [attr.disabled]

Buttons

Textarea

Simple label

Dropdown & Select

Checkbox / Radio

Unchecked

Checked

Unchecked

Checked

Test Box

NAME	EMAIL	All
John Deighton	frank.c@coca-cola.com
Jordan Henderson	handerson.c@coca-cola.com
Danny Murphy	danny.c@coca-cola.com
Kim Lee Reese	im.lee@coca-cola.com

Test Tab Skilled Volunteering

Test Tab Volunteering

Test Tab Skilled Gifts

<div class="box-container box-content-shrinked">
            <h4 class="box-header border-bottom">Test Box</h4>
            <div class="position-absolute r-3 mt-3">
                <div class="form-group text-right">
                    <button class="btn btn-color-red iic-btn-flat mr-3"><i class="far fa-times-circle"></i>REJECT</button>
                    <button class="btn btn-color-green iic-btn-flat"><i class="far fa-check-circle"></i>ACCEPT</button>
                </div>
            </div>

<tabset class="iic-tabset iic-tabset-theme-simple">
                <tab heading="DONATIONS">
                    <p-table class="iic-data-table iic-primeng-pagination" #dt [columns]="tabsetCols"
                        [value]="tabsetRecords" [paginator]="true" [rows]="10" [totalRecords]="tabsetRecords.length">
                        <ng-template pTemplate="header" let-columns>
                            <tr>
                                <th *ngFor="let col of columns" [ngClass]="col.class">
                                    {{col.header}}
                                </th>
                                <th class="text-right">
                                    <label class="iic-checkbox"><span>All</span><input type="checkbox"></label>
                                </th>
                            </tr>
                        </ng-template>
                        <ng-template pTemplate="body" let-rowData let-columns="columns">
                            <tr [pSelectableRow]="rowData">
                                <td *ngFor="let col of columns" [ngClass]="col.class">
                                    {{rowData[col.field]}}
                                </td>
                                <td class="text-right">
                                    <label class="iic-checkbox"><input type="checkbox"></label>
                                </td>
                            </tr>
                        </ng-template>
                    </p-table>
                </tab>
                <tab heading="SKILLED VOLUNTEERING">
                    <div class="container py-3">
                        Test Tab Skilled Volunteering
                    </div>
                </tab>
                <tab heading="VOLUNTEERING">
                    <div class="container py-3">
                        Test Tab Volunteering
                    </div>
                </tab>
                <tab heading="GIFTS">
                    <div class="container py-3">
                        Test Tab Skilled Gifts
                    </div>
                </tab>
            </tabset>
        </div>