VlocityAssetAttributes

VlocityAssetAttributes

vlocity-dc-asset-attributes is the component for rendering asset attributes.

Constructor

new VlocityAssetAttributes()

Properties:
Name Type Description
attributes Array an array containing list of attributes.
Source:
Example
Sample Usage -

Include the component in your template by adding vlocity-dc-asset-attributes custom tag

<vlocity-dc-asset-attributes .attributes="${attributes}></vlocity-dc-asset-attributes>

| Attribute Name    | Type Expected                                                                   | Required |
|-------------------|---------------------------------------------------------------------------------|----------|
| attributes        | It expects an object which contains current child asset                         |   Yes    |

 KEY INFO -

 events fired : "none"

 events registered : "none"

 Dependency - vlocity-dc-asset-attributes is a child level component which is commonly used inside the vlocity-dc-asset-details
 component to display the asset attributes.


               | Parent Component          | Expected Children Components |
               |---------------------------|------------------------------|
               | vlocity-dc-asset-details  | none                         |


Sample with slots -

<vlocity-dc-asset-attributes>
   <span slot="{slot_name}">
     Custom HTML elements goes here
   </span>
</vlocity-dc-asset-attributes>

List of available slots -

| Slot names                  | Dynamic     | Description                        | Impact                                 |
|--------------------------   |-------------|------------------------------------|----------------------------------------|
| dc-asset-attributes         | -           | Wrapper for asset attributes       | Replaces asset attributes              |

Extends

  • LitElement

Members

(static, readonly) properties

Properties that will be available in the template binding
Source:

Methods

(static) getColorValue()

Method to get color label value
Source: