Platform: Object Attribute Component V1.0 Technical Design

Object Attribute

Summary

This component displays normal or active text and fires a onclick event when the user chooses the active/clickable text.

Example

<fdp-object-attribute [active]="true|false'"
                      [textDirection]="ltr|rtl|default"
                      [title]="title"
                      (click)="onpress()">
                       attribute text</fdp-object-attribute>

Design

Property Bindings

[active]="true|false'":boolean

Defines Object Attribute text is selectable for the user. once value of the text property becomes active and acts like a link.

on text presence, active property will be set to true.

[textDirection]:Direction

By default object attributes inherits the text direction from its parent component.

export type Direction = 'ltr'|'rtl'|'default';

[title]="attribute title'":string

Eventbinding

[click]="onAttributeclick()'"

Event fired on click of attribute.