poly_styled_jsx 0.6.1

AST transforms 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
33
34
35



export const Red = ({
  Component = 'button',
}) => {
  
  return (
    <Component
     
    >

      {/* Dynamic Styles */}
      <style jsx>{`
        .button {
          --button-1: ${e1};
          --button-2: ${e2};
          --button-3: ${e3};
          --button-4: ${e4};
          --button-5: ${e5};
          --button-6: ${e6};
          --button-7: ${e7};
          --button-8: ${e8};
          --button-9: ${e9};
          --button-10: ${e10};
          --button-11: ${e11};
          --button-12: ${e12};
          --button-13: ${e13};
          --button-14: ${e14};
          --button-15: ${e15};
        }
      `}</style>
    </Component>
  );
};