Im trying to split the ui inside the IonItem a bit and therefore i need different rows and collumns. If i try to add a IonGrid inside my IonItem only the first row and column is displayed. If i View the page with development tools, i can see the other IonColums but in the example only ‘Label’ is displayed. Can somebody help me here please?
Im using Ionic6 and React.
<IonList>
<IonItem>
<IonGrid>
<IonRow>
<IonCol>
<IonLabel>Label</IonLabel>
</IonCol>
<IonCol>
<IonNote slot='end'>Something at 1 Row at and</IonNote>
</IonCol>
</IonRow>
<IonRow>
<IonCol>
<IonBadge slot='start'>Something on 2 Row at Start</IonBadge>
</IonCol>
</IonRow>
</IonGrid>
</IonItem>
</IonLIst>
1 post - 1 participant