Platform: Action List Item Component V1.0 Technical Design - SAP/fundamental-ngx GitHub Wiki

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.

Platform vs. Core Implementation

There is no Core technical spec available currently.

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

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


i18n

Link to general support for i18n: Supporting internationalization in ngx/platform

Special Usecase: No

  • fdp-action-list-item can be supported as:
<fdp-action-list-item *ngFor="let item of listItems"
                        [id]="{{item.id}}"
			i18n-text="@@text"
			[text]="{{item.text}}"
			(click)="onitemPress">
                <ng-content></ng-content>
</fdp-action-list-item>

Redesign Required: No


Questions:

⚠️ **GitHub.com Fallback** ⚠️