feat(react): allow dynamic inline styles

[castarco]

Allow dynamic inline styles, as they are quite useful when generating numeric values that can be predicted in advance (so we can't prepare specific CSS classes for them).

[Sicolas-Flamel]

By allowing dynamic inline styles, you can generate styles directly in the HTML or code, making it more flexible to apply styles based on dynamic or computed values. This approach could potentially enhance the maintainability and readability of your code by keeping the style-related logic closer to where it's actually used.

Here's a simplified example of how dynamic inline styles might look in HTML and JavaScript:

const dynamicWidth = 200; // Computed or predicted width value
const dynamicHeight = 150; // Computed or predicted height value

document.getElementById("dynamicDiv").style.width = ${dynamicWidth}px;
document.getElementById("dynamicDiv").style.height = ${dynamicHeight}px;

[Shouvik11-b]

Can I take up this issue??

[castarco]

@Shouvik11-b feel free to take it! 😄 , it's always a pleasure to have some people jumping into the project.

Now I don't have much time to provide guidance, but I'll check in later and write something more in detail. In any case, I suspect you'll do fine 👍🏻 .

[castarco]

Hi @Shouvik11-b, how are you doing with this one? Do you need any help/guidance?