Universal Attributes

Common Attributes

Common attributes are used to set component identities and appearance.

Name

Type

Default Value

Mandatory

Description

id

string

-

No

Unique ID of a component.

style

string

-

No

Style declaration of a component.

class

string

-

No

Style class of a component, which is used to refer to a style table.

ref

string

-

No

Used to register reference information of child elements or child components. The reference information is registered with the parent component on $refs.

disabled

boolean

false

No

Whether a component is disabled. If it is disabled, it cannot respond to user interaction.

data

string

-

No

Attribute set for a component to facilitate data storage and reading.

click-effect5+

string

-

No

Click effect complying with spring physics. Available values are as follows:

  • spring-small: The button icon scales down to 90% of its size when it is selected. This is appropriate for small icons.
  • spring-medium: The component scales down to 95% of its size when it is selected. This is appropriate for medium-sized components.
  • spring-large: The button icon scales down and up by 95% of its size, which is appropriate to large icons.

Rendering Attributes

Rendering attributes are used to set whether a component is rendered.

Name

Type

Default Value

Description

for

Array

-

Expands the current element based on the configured data list.

if

boolean

-

Whether the element is added or removed.

show

boolean

-

Whether the element is displayed or hidden.

NOTE: Do not set styles in attribute fields.