javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: formatting

Browse Source
This commit is contained in:
Brandy Smith
2025-11-05 10:38:10 -05:00
parent 0139a046ad
commit 1a9f99fda5
1 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
BREAKING.md
View File

@ -43,6 +43,7 @@ This is a comprehensive list of the breaking changes introduced in the major ver
<h5>Example 1: Swap two columns</h5> <h5>Example 1: Swap two columns</h5>
**Version up to 8.x** **Version up to 8.x**
```html ```html
<ion-grid> <ion-grid>
<ion-row> <ion-row>
@ -52,7 +53,9 @@ This is a comprehensive list of the breaking changes introduced in the major ver
</ion-row> </ion-row>
</ion-grid> </ion-grid>
``` ```
**Version 9.x+** **Version 9.x+**
```html ```html
<ion-grid> <ion-grid>
<ion-row> <ion-row>
@ -64,9 +67,11 @@ This is a comprehensive list of the breaking changes introduced in the major ver
``` ```
<h5>Example 2: Reorder columns with specific sizes</h5> <h5>Example 2: Reorder columns with specific sizes</h5>
To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `size="3" pull="9"`: To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `size="3" pull="9"`:
**Version up to 8.x** **Version up to 8.x**
```html ```html
<ion-grid> <ion-grid>
<ion-row> <ion-row>
@ -75,7 +80,9 @@ To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `
</ion-row> </ion-row>
</ion-grid> </ion-grid>
``` ```
**Version 9.x+** **Version 9.x+**
```html ```html
<ion-grid> <ion-grid>
<ion-row> <ion-row>
@ -84,7 +91,9 @@ To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `
</ion-row> </ion-row>
</ion-grid> </ion-grid>
``` ```
<h5>Example 3: Push</h5> <h5>Example 3: Push</h5>
```html ```html
<ion-grid> <ion-grid>
<ion-row> <ion-row>
@ -97,7 +106,9 @@ To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `
</ion-row> </ion-row>
</ion-grid> </ion-grid>
``` ```
**Version 9.x+** **Version 9.x+**
```html ```html
<ion-grid> <ion-grid>
<ion-row> <ion-row>
@ -112,6 +123,7 @@ To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `
``` ```
<h5>Example 4: Push and Pull</h5> <h5>Example 4: Push and Pull</h5>
```html ```html
<ion-grid> <ion-grid>
<ion-row> <ion-row>
@ -124,7 +136,9 @@ To reorder two columns where column 1 has `size="9" push="3"` and column 2 has `
</ion-row> </ion-row>
</ion-grid> </ion-grid>
``` ```
**Version 9.x+** **Version 9.x+**
```html ```html
<ion-grid> <ion-grid>
<ion-row> <ion-row>