Platform: Object Number Component V1.0 Technical Design

Object Number

Summary

The object number is a short text that represents the numeric (key) attribute of an object and its unit. The number has a semantic color, and the unit inherits the same color from its number. The number can be emphasized (default setting) when it is used for the key attribute, and non-emphasized when it is used for any other numeric attribute of the item.

The object number is typically used to indicate the key attribute of an object in the dynamic page header, or as an attribute of a line item in a table.

Example

<fdp-object-number    
                      [id]="id of the element'"
                      [unit]="numberUnit"
                      [focused]="true|false"
                      [type]="Error| information| none| 
                       sucess|warning">
                      {{number}}</fdp-object-number>

Design

Property Bindings

[unit]="numberUnit"

number unit ex: $, rs, mm etc.

[focused]="true|false"

Number should appear emphasized or not.

[type]:Status

Defines number and number unit value status colors.

export type Status = 'error| information| none| success| warning';

Eventbinding