Scoped Component CSS

[Archmonger]

Current Situation

Currently, there is no way to tie CSS to a specific component, such as React CSS Modules

Proposed Actions

There are several different ways of handling this problem. The method most applicable to IDOM would likely be similar to NextJS's styled JSX.

In the context of IDOM, it may look like this...

@component
def MyComponent():
    return html.div(
        html.style("...", scoped=True),
        html.button(),
    )

Work Items

• Create a method of scoping CSS to a specific component definition

[Archmonger]

Closing in favor of #778