Adding reserved attribute as custom attribute

Community resources General
1

Pardon me if this question is basic.
Is there any way to set style or other reserved attributes as custom. In the recent version of Lumos(2.1), I see style as a custom attribute for grid component and I wonder is there any way to override that reserved limitation.

Thank You in Advance!

2

Hi @Muhammed_Rasil ,

Two ways-

  • Use custom elements, which are effectively unrestricted on their use of custom attributes.
  • Modify the element on page load with script.

SA5’s dynamic attributes feature lets you do this simply by prefixing your attribute with x:, e.g. x:style = whatever.

Dynamic Attributes | SA5 | Sygnal Attributes | Designed for Webflow

3

Trying out custom elements worked for me.
Thanks!
Btw, what’s actually signal attributes? Is there any script I should add to set it up?

4

Sygnal Attributes is just a lightweight attribute framework that plugs into Webflow , no extra setup beyond adding their script. Once loaded, you can use prefixes like x: for dynamic attributes and they’ll resolve automatically at runtime.

5

Thanks for explaining. Learnt something new!

6

It’s a collection of libraries designed for Webflow, which my team built for client projects and released to the community to help others. Most are simply implemented by adding the library and tagging specific elements with specific custom attributes.

The HTML library contains the dynamic attributes as a feature.

If you read the docs, see the Usage Notes section for each attribute, it links you to that library’s add-library page. For SA5 HTML, it’s-