What is the current behavior?

Devs cannot choose if and when to set an attribute (ele.setAttribute('something', 'value')) or a property (ele.myProp) within Stencil's JSX.

Instead, Stencil uses slightly opaque heuristics about when to do either.

What is the new behavior?

Devs can now explicitly set attributes or properties on components via attr:* or prop:* on jsx tags.

Additionally

• Stencil IntrinsicTypes generated for components are explicitly typed with attr:* and prop:* on those decorated @Prop() members that are naturally able to have an attribute.
• Component types for properties that are required - (e.g. @Prop() something!: string;) - accept either attr:* or prop:* variants (e.g. attr:someting or prop:something)

Documentation

Does this introduce a breaking change?

• Yes
• No

Testing

Other information