Skip to content

Platform: Action List Item Component V1.0 Technical Design

sKudum edited this page Mar 12, 2020 · 5 revisions

Action List Item Component

Summary

The action list item control lets the user trigger actions directly from a list. It is used mainly within dialog boxes and popovers.

Design


<fdp-list
    [id]="list Id"
    [headerTitle]="header title"
    [footerText]="footer text"
     --------
    >
    <fdp-action-list-item *ngFor="let item of listItems"
                        [id]="{{item.id}}"
			[text]="{{item.text}}"
			(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

Are used along with this component.

Questions:

Clone this wiki locally