File tree Expand file tree Collapse file tree 1 file changed +14
-0
lines changed
Expand file tree Collapse file tree 1 file changed +14
-0
lines changed Original file line number Diff line number Diff line change @@ -43,6 +43,7 @@ This is a comprehensive list of the breaking changes introduced in the major ver
4343<h5 >Example 1: Swap two columns</h5 >
4444
4545** Version up to 8.x**
46+
4647``` html
4748<ion-grid >
4849 <ion-row >
@@ -52,7 +53,9 @@ This is a comprehensive list of the breaking changes introduced in the major ver
5253 </ion-row >
5354</ion-grid >
5455```
56+
5557** Version 9.x+**
58+
5659``` html
5760<ion-grid >
5861 <ion-row >
@@ -64,9 +67,11 @@ This is a comprehensive list of the breaking changes introduced in the major ver
6467```
6568
6669<h5 >Example 2: Reorder columns with specific sizes</h5 >
70+
6771To reorder two columns where column 1 has ` size="9" push="3" ` and column 2 has ` size="3" pull="9" ` :
6872
6973** Version up to 8.x**
74+
7075``` html
7176<ion-grid >
7277 <ion-row >
@@ -75,7 +80,9 @@ To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `
7580 </ion-row >
7681</ion-grid >
7782```
83+
7884** Version 9.x+**
85+
7986``` html
8087<ion-grid >
8188 <ion-row >
@@ -84,7 +91,9 @@ To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `
8491 </ion-row >
8592</ion-grid >
8693```
94+
8795<h5 >Example 3: Push</h5 >
96+
8897``` html
8998<ion-grid >
9099 <ion-row >
@@ -97,7 +106,9 @@ To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `
97106 </ion-row >
98107</ion-grid >
99108```
109+
100110** Version 9.x+**
111+
101112``` html
102113<ion-grid >
103114 <ion-row >
@@ -112,6 +123,7 @@ To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `
112123```
113124
114125<h5 >Example 4: Push and Pull</h5 >
126+
115127``` html
116128<ion-grid >
117129 <ion-row >
@@ -124,7 +136,9 @@ To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `
124136 </ion-row >
125137</ion-grid >
126138```
139+
127140** Version 9.x+**
141+
128142``` html
129143<ion-grid >
130144 <ion-row >
You can’t perform that action at this time.
0 commit comments