JET components are implemented as custom HTML elements. In addition to the component
attributes documented in this page, JET components also support standard HTML global attributes
like id and aria-label.
The JET data binding syntax
can be used to define both component and global attributes through the use of dynamically
evaluated expressions. All attributes (component and global) support attribute-level
binding by prefixing the attribute name with ":" (e.g. :id="[...]"). When
using attribute-level binding, all expression values are treated as strings.
Additionally, component attributes support property-level binding by using the attribute
name directly with no ":" prefix. When using property-level binding, the expressions
should evaluate to the types documented by the corresponding attributes. Property-level
binding is strongly recommended over attribute-level binding for component attributes.