styled_jsx 18.0.0

AST transforms visitor for styled-jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

export default function Component() {
  const width = 100;
  const height = 200;
  const color = '#FF0000';

  return (
    <div>
      <h1>Basic Variables Test</h1>
      <style jsx>{`
        .component {
          width: ${width}px;
          height: ${height}px;
          color: ${color};
        }
      `}</style>
    </div>
  );
}