styled_jsx 10.0.0

AST transforms visitor for styled-jsx
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

import _JSXStyle from "styled-jsx/style";
export default function Component() {
    const width = 100;
    const height = 200;
    const color = '#FF0000';
    return <div className={_JSXStyle.dynamic([
        [
            "86648f899afe2bd5",
            [
                width,
                height,
                color
            ]
        ]
    ])}>
      <h1 className={_JSXStyle.dynamic([
        [
            "86648f899afe2bd5",
            [
                width,
                height,
                color
            ]
        ]
    ])}>Basic Variables Test</h1>
      <_JSXStyle id={"86648f899afe2bd5"} dynamic={[
        width,
        height,
        color
    ]}>{`.component.__jsx-style-dynamic-selector{width:${width}px;height:${height}px;color:${color}}`}</_JSXStyle>
    </div>;
}