Hi. Is Skia Compose using Material 2? So I added NavigationRail to the layout and it looks like this

# compose-web

[Giorgi]

Hi. Is Skia Compose using Material 2? So I added NavigationRail to the layout and it looks like this

[Giorgi]

Was expecting this

[Giorgi]

Also the font rendering looks weird

[Giorgi]

Any easy way to make it look like the one from Material 3?

[Kirill Grouchnikov]

There’s no such thing as Skia Compose. Perhaps you mean Compose Multiplatform?

Dynamic color in the screenshot you attached comes from the user selection of the wallpaper on their Android S device. There is no such thing on multiplatform really - for desktop or web. You will need to explicitly create a Material theme that matches this greenish look in your specific app.

[Giorgi]

There’s no such thing as Skia Compose. Perhaps you mean Compose Multiplatform?

yeah, this is confusing for me, so there are 2 kinds of compose,right? one is with HTML and another uses Skia

[Giorgi]

So how do you guys refer to Skia variant?

[Giorgi]

Anyways, the colors are fine in my example. I meant the selected states and bold text, which is in the second pic.

So in Material 2, the selected icon is with different color. In Material 3, it has a rounded rectangle shape and filled icon

[Giorgi]

In my first pic, there is no rectangle shape to indicate that it is selected. Also selecting and deselcting has no effect on the icon style, it does not toggle between outline and filled

[Kirill Grouchnikov]

Are you using the Material 3 dependency and its top-level theme composable?

[Big Chungus]

By skia compose you mean "CfW canvas". That's what I've seen used most to refer to it.

[Giorgi]

Thanks once again guys. I had to add `

@OptIn(ExperimentalComposeLibrary::class) implementation(compose.material3)

instead of implementation(compose.material)

[Renaud]

Do you guys have any documentation on how to use it?

[Kirill Grouchnikov]

What is it? Compose for Web, the material 3 module, something else?

[Renaud]

With this :

val jsMain by getting {
    dependencies {
        @OptIn(ExperimentalComposeLibrary::class)
        implementation(compose.material3)

Can I really add a navigation rails or OutlinedTextField in a Compose for web project?

[Renaud]

I'm missing something here 😅

[Renaud]

OK, we have to pass with Wasm