Attribute

An example attribute element:

time

The ActAttributeElement inherits from the ActInputElement. It should behave similarly to a native HTML5 input control and therefore have similar properties for form behavior.

The attribute element can have an associated badge icon to display with the dominant icon using the slot="badge":

time

repeat

NOTE: The example above might function better as an ActDatetimeElement with the attribute property set to true. It really depends on what type of data you are working with and the expected functionality. The ActAttributeElement uses a string based model for form data.

HTML

<awc-attribute label="Start Time">
  <awc-icon>time</awc-icon>
</awc-attribute>

<awc-attribute label="Start Time">
  <awc-icon>time</awc-icon>
  <awc-icon slot="badge">repeat</awc-icon>
</awc-attribute>