Platform: Input List Item Component V1.0 Technical Design

Input List Item Component

Summary

The input list item contains a label and any sort of input UI element.

Design

<fdp-list
    [id]="list Id"
    [headerTitle]="header title"
    [footerText]="footer text"
     --------
    >
    <fdp-action-list-item *ngFor="let item of listItems"
                        [id]="{{item.id}}"
			[label]="{{item.label}}"
			(click)="onitemPress">
                <ng-content></ng-content>
		</fdp-action-list-item>
</fdp-list>

Property Bindings

id: string

id of the action list item it is optional.

text: string

text of the of item

Event Bindings

(click)="onitemPress"

Fires when item is clicked.

Two-Way Bindings

N/A

Content Projection

N/A

Interfaces and Types

Related Modules

1. List signature

Additional Notes

1. List signature

Is used along with this component. In ng-content area user can insert custom data.

Questions: