docs(react): update class usage to className (#20366)

This commit is contained in:
Brandy Carney
2020-02-04 11:16:44 -05:00
committed by GitHub
parent 0f31624104
commit a25007f54f
10 changed files with 28 additions and 28 deletions

View File

@ -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

View File

@ -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