A modern programming language that makes developers happier.

kotlinlang

Is there an example how <https://developer.mozilla.org/en-US/docs/Web/Web_Components|web components> can be integrated?
I successfully rendered web components but I'm curious about the best practices eg. for assigning content to slots.
Thanks.

This is in our plans, but we haven’t any solution yet.

<@UK96J9J68> nothing special was needed, the slots could be assigned as an attribute as expected:
```    ToBeAssignedToSlot({
        attr("slot", "nameOfTheSlot")
    })```
What I could not figure out was how to scope the slots to the given @Composable. I mean first I wanted to achieve that in a given composable context only the currently valid slots could be assigned but I could not find a solution to "scope" them.

What was not obvious first is how to style the shadow DOM, finally I used this (but maybe there is a better solution):
```    WebComponent({
        classes(MyStyleSheet.css {
            selector("::part(root)").style {
                paddingLeft(0.5.em)
            }
        })
    }) { ... }```
One more thing: to follow the code style of the built-in Compose/Web wrappers of the HTML elements, I had to copy this function to my project because it is private: `org.jetbrains.compose.web.dom.ElementBuilderImplementation`

<@UK96J9J68>, one more thing: `SyntheticEvent` and `SyntheticMouseEvent` have `internal` constructors so they cannot be used as the superclass of web components' custom events...