mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
docs(react): update class usage to className (#20366)
This commit is contained in:
@ -250,9 +250,9 @@ export const GridExample: React.FC = () => (
|
||||
</IonRow>
|
||||
|
||||
<IonRow>
|
||||
<IonCol class="ion-align-self-start">ion-col start</IonCol>
|
||||
<IonCol class="ion-align-self-center">ion-col center</IonCol>
|
||||
<IonCol class="ion-align-self-end">ion-col end</IonCol>
|
||||
<IonCol className="ion-align-self-start">ion-col start</IonCol>
|
||||
<IonCol className="ion-align-self-center">ion-col center</IonCol>
|
||||
<IonCol className="ion-align-self-end">ion-col end</IonCol>
|
||||
<IonCol>
|
||||
ion-col
|
||||
<br />#
|
||||
@ -260,10 +260,10 @@ export const GridExample: React.FC = () => (
|
||||
</IonCol>
|
||||
</IonRow>
|
||||
|
||||
<IonRow class="ion-align-items-start">
|
||||
<IonRow className="ion-align-items-start">
|
||||
<IonCol>start ion-col</IonCol>
|
||||
<IonCol>start ion-col</IonCol>
|
||||
<IonCol class="ion-align-self-end">start ion-col end</IonCol>
|
||||
<IonCol className="ion-align-self-end">start ion-col end</IonCol>
|
||||
<IonCol>
|
||||
ion-col
|
||||
<br />#
|
||||
@ -271,7 +271,7 @@ export const GridExample: React.FC = () => (
|
||||
</IonCol>
|
||||
</IonRow>
|
||||
|
||||
<IonRow class="ion-align-items-center">
|
||||
<IonRow className="ion-align-items-center">
|
||||
<IonCol>center ion-col</IonCol>
|
||||
<IonCol>center ion-col</IonCol>
|
||||
<IonCol>center ion-col</IonCol>
|
||||
@ -282,9 +282,9 @@ export const GridExample: React.FC = () => (
|
||||
</IonCol>
|
||||
</IonRow>
|
||||
|
||||
<IonRow class="ion-align-items-end">
|
||||
<IonRow className="ion-align-items-end">
|
||||
<IonCol>end ion-col</IonCol>
|
||||
<IonCol class="ion-align-self-start">end ion-col start</IonCol>
|
||||
<IonCol className="ion-align-self-start">end ion-col start</IonCol>
|
||||
<IonCol>end ion-col</IonCol>
|
||||
<IonCol>
|
||||
ion-col
|
||||
|
||||
@ -51,9 +51,9 @@ export const GridExample: React.FC = () => (
|
||||
</IonRow>
|
||||
|
||||
<IonRow>
|
||||
<IonCol class="ion-align-self-start">ion-col start</IonCol>
|
||||
<IonCol class="ion-align-self-center">ion-col center</IonCol>
|
||||
<IonCol class="ion-align-self-end">ion-col end</IonCol>
|
||||
<IonCol className="ion-align-self-start">ion-col start</IonCol>
|
||||
<IonCol className="ion-align-self-center">ion-col center</IonCol>
|
||||
<IonCol className="ion-align-self-end">ion-col end</IonCol>
|
||||
<IonCol>
|
||||
ion-col
|
||||
<br />#
|
||||
@ -61,10 +61,10 @@ export const GridExample: React.FC = () => (
|
||||
</IonCol>
|
||||
</IonRow>
|
||||
|
||||
<IonRow class="ion-align-items-start">
|
||||
<IonRow className="ion-align-items-start">
|
||||
<IonCol>start ion-col</IonCol>
|
||||
<IonCol>start ion-col</IonCol>
|
||||
<IonCol class="ion-align-self-end">start ion-col end</IonCol>
|
||||
<IonCol className="ion-align-self-end">start ion-col end</IonCol>
|
||||
<IonCol>
|
||||
ion-col
|
||||
<br />#
|
||||
@ -72,7 +72,7 @@ export const GridExample: React.FC = () => (
|
||||
</IonCol>
|
||||
</IonRow>
|
||||
|
||||
<IonRow class="ion-align-items-center">
|
||||
<IonRow className="ion-align-items-center">
|
||||
<IonCol>center ion-col</IonCol>
|
||||
<IonCol>center ion-col</IonCol>
|
||||
<IonCol>center ion-col</IonCol>
|
||||
@ -83,9 +83,9 @@ export const GridExample: React.FC = () => (
|
||||
</IonCol>
|
||||
</IonRow>
|
||||
|
||||
<IonRow class="ion-align-items-end">
|
||||
<IonRow className="ion-align-items-end">
|
||||
<IonCol>end ion-col</IonCol>
|
||||
<IonCol class="ion-align-self-start">end ion-col start</IonCol>
|
||||
<IonCol className="ion-align-self-start">end ion-col start</IonCol>
|
||||
<IonCol>end ion-col</IonCol>
|
||||
<IonCol>
|
||||
ion-col
|
||||
|
||||
Reference in New Issue
Block a user