1e41f4b71Sopenharmony_ci# Universal Attributes 2e41f4b71Sopenharmony_ci 3e41f4b71Sopenharmony_ci 4e41f4b71Sopenharmony_ci## Common Attributes 5e41f4b71Sopenharmony_ci 6e41f4b71Sopenharmony_ciCommon attributes are used to set component identities and appearance. 7e41f4b71Sopenharmony_ci 8e41f4b71Sopenharmony_ci| Name| Type| Mandatory| Description| 9e41f4b71Sopenharmony_ci| -------- | -------- | -------- | -------- | 10e41f4b71Sopenharmony_ci| id | string | No| Unique ID of the component.| 11e41f4b71Sopenharmony_ci| style | string | No| Style declaration of the component.| 12e41f4b71Sopenharmony_ci| class | string | No| Style class of the component, which is used to refer to a style table.| 13e41f4b71Sopenharmony_ci| ref | string | No| Reference information of child elements, which is registered with the parent component on **$refs**.| 14e41f4b71Sopenharmony_ci 15e41f4b71Sopenharmony_ci 16e41f4b71Sopenharmony_ci## Rendering Attributes 17e41f4b71Sopenharmony_ci 18e41f4b71Sopenharmony_ciRendering attributes are used to set whether a component is rendered. 19e41f4b71Sopenharmony_ci 20e41f4b71Sopenharmony_ci| Name| Type| Description| 21e41f4b71Sopenharmony_ci| -------- | -------- | -------- | 22e41f4b71Sopenharmony_ci| for | Array | Expands the current element based on the configured data list.| 23e41f4b71Sopenharmony_ci| if | boolean | Whether the element is added or removed.| 24e41f4b71Sopenharmony_ci| show | boolean | Whether the element is displayed or hidden.| 25e41f4b71Sopenharmony_ci 26e41f4b71Sopenharmony_ci> **NOTE** 27e41f4b71Sopenharmony_ci> 28e41f4b71Sopenharmony_ci> Do not set styles in attribute fields. 29