Ability to inject and retrieve class name

Some 3rd party react components allow user to customize their css via className property. I want to create the css class in kotlin-styled and then put the name of that class into custom component.

I’ve not found a good way to do this. At the moment I’m doing it like this:

object A  : StyleSheet("A", isStatic = true) {
    val B by css { ... }
}

I’m manuallying using A-B name and I also have to manually inoke this method to make sure it is added to css via A.B.invoke(CSSBuilder()).

[matejdro]

Right, but I don’t want to use this in any kotlin css statement. I just want to use it in custom component that only accepts className

[Leonya]

It’s done like this:

css {
    +A.B
}

Where css is an extension function of StyledBuilder<*>, CustomStyledProps, or <P : CustomStyledProps> RElementBuilder<P>