File tree Expand file tree Collapse file tree 1 file changed +34
-2
lines changed
Expand file tree Collapse file tree 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';
2828
2929function App (){
3030 return < Circle _hover= {{ borderBottom: ' solid 1px' }} / > ;
31- }
31+ };
3232```
3333``` js
3434
@@ -38,6 +38,22 @@ const styles = css({ textAlign: 'left' });
3838```
3939``` js
4040
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+
4157import { Box } from ' ./panda/jsx' ;
4258
4359function App (){
@@ -65,7 +81,7 @@ import { Circle } from './panda/jsx';
6581
6682function App (){
6783 return < Circle _hover= {{ borderBlockEnd: ' solid 1px' }} / > ;
68- }
84+ };
6985```
7086``` js
7187
@@ -75,6 +91,22 @@ const styles = css({ textAlign: 'start' });
7591```
7692``` js
7793
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+
78110import { Box } from ' ./panda/jsx' ;
79111
80112function App (){
You can’t perform that action at this time.
0 commit comments