Table of Contents

The lib method cvm.render_com will create a wrapper for component to a void the malforming of UI when component has no wrapper div or span at outer-most level by itself.

However, when rendering a component in template using the new method with attribute com, the element with ‘com’ attribute will be replaced because the component itself already as wrapper created by ‘cvm.render_com’, to avoid unnecessary depth of UI.

Component with Current Data

Current data is the data of parent component, for data inside for

<div com="my-component-name"></div>

Component with Data from for-key

<div com="my-component-name/Val"></div>

Component with JSON Data

<div com='my-component-name/{"Foo":"bar"}'></div>

Component with Data from a Field in Parent

<div com="my-component-name/Field_Name"></div>