File tree 1 file changed +34
-2
lines changed
1 file changed +34
-2
lines changed Original file line number Diff line number Diff line change @@ -28,7 +28,7 @@ import { Circle } from './panda/jsx';
28
28
29
29
function App (){
30
30
return < Circle _hover= {{ borderBottom: ' solid 1px' }} / > ;
31
- }
31
+ };
32
32
```
33
33
``` js
34
34
@@ -38,6 +38,22 @@ const styles = css({ textAlign: 'left' });
38
38
```
39
39
``` js
40
40
41
+ import { css } from ' ./panda/css' ;
42
+
43
+ function App (){
44
+ return < div className= {css ({ textAlign: ' right' })} / > ;
45
+ };
46
+ ```
47
+ ``` js
48
+
49
+ import { Box } from ' ./panda/jsx' ;
50
+
51
+ function App (){
52
+ return < Box textAlign= {" left" } / > ;
53
+ };
54
+ ```
55
+ ``` js
56
+
41
57
import { Box } from ' ./panda/jsx' ;
42
58
43
59
function App (){
@@ -65,7 +81,7 @@ import { Circle } from './panda/jsx';
65
81
66
82
function App (){
67
83
return < Circle _hover= {{ borderBlockEnd: ' solid 1px' }} / > ;
68
- }
84
+ };
69
85
```
70
86
``` js
71
87
@@ -75,6 +91,22 @@ const styles = css({ textAlign: 'start' });
75
91
```
76
92
``` js
77
93
94
+ import { css } from ' ./panda/css' ;
95
+
96
+ function App (){
97
+ return < div className= {css ({ textAlign: ' end' })} / > ;
98
+ };
99
+ ```
100
+ ``` js
101
+
102
+ import { Box } from ' ./panda/jsx' ;
103
+
104
+ function App (){
105
+ return < Box textAlign= {" start" } / > ;
106
+ };
107
+ ```
108
+ ``` js
109
+
78
110
import { Box } from ' ./panda/jsx' ;
79
111
80
112
function App (){
You can’t perform that action at this time.
0 commit comments