[NOTE FOR DEV] Classes are here!

Hey everyone,
as you can see, classes are in production :star_struck:.
Documentation for the product part is on the way, but if you are developing custom component, this may have an impact on you.
Each property can now be marked as class compatible on his configuration.

color: {
   label: { en: 'Color', fr: 'Couleur' },
   type: 'Color',
   bindable: true,
   responsive: true,
   states: true,
   classes: true // <--- HERE
},

Be aware that a property being “class compatible” must also have the states property set to true.

You should also handle properly the fact that this property can be set to “undefined” when the style is reset. This means that your internal logic should support undefined as a value, and provide a fallback if needed.

You can take a look at all our components.

5 Likes

AMAZING, top feature! :heart_eyes: