Property names can be referenced as an attribute using kebab-case

Feature

When using attributes, kebab-case should be automatically recognized.

When I register a property to my Direflow Component:

App.defaultProps = {
  componentTitle: "My Component Title"
}

I should be able to reference these as an attribute using kebab-case

<web-component component-title="New Title"></web-component>

[JasonPaape]

@Silind,

Why is this closed and considered redundant? It seems that if I pass in a prop via an attribute that I need to use all lower case for my prop, for example:

App.defaultProps = { componenttitle: “My Component Title” }

<web-component componenttitle="New Title"></web-component>

So when componenttitle changes, my useEffect in my component gets the change. If my prop is componentTitle and I set the html attribute to componentTitle it reverts to all lowercase (as html is case insensitive), and my component doesn’t get the changed value.

I’m using the latest 3.5.0 version. Is there a way for me to use camelCase prop and have it update using an attribute in html?

[Silentscripter]

I agree with this strategy, sounds fine.