Hello. I am implementing new project. And I want t...

# javascript

[Martin Janči]

Hello. I am implementing new project. And I want to use kotlinjs and emotion:

val Container = styled(div) {
    css {
        display = Display.flex
        flexDirection = FlexDirection.column
        height = 100.vh
        width = 100.pct
    }
}

This doesnt work for me and also AI has problem. This works:

div {
    css {
        fontFace {
            this.fontFamily = "OpenSans"
            this.src = "url(./fonts/opensans.ttf)"
        }
    }
    // Example heading
    +"Chat and Preview"
}

Any idea, what is wrong? I didnt find doc for styled

[turansky]

Styled Next:

val Container = styled(div) {
    display = Display.flex
    flexDirection = FlexDirection.column
    height = 100.vh
    width = 100.pct
}

Emotion (recommended):

val Container = div.styled {
    display = Display.flex
    flexDirection = FlexDirection.column
    height = 100.vh
    width = 100.pct
}

[Martin Janči]

Thanks. How easy.