Hello all, Im trying to change the background color property of an ionic item sliding component.
For some reason, Im not finding any documentation on how to change the styling of the component
I’ve tried changing the style on the ionic component level like below in my scss file , but I was not successful. Other styling changes in that file work so I know the scss is connected to the component correctly
ion-item-sliding {
background: greenyellow;
}
Here is the rough element structure I am using:
<IonCard>
<IonCardContent>
<IonItemSliding>
<IonItemGroup>
<IonItem>
<IonGrid>
<IonRow>
<IonCol>
<IonLabel>Hello World</IonLabel>
</IonCol>
<IonCol>
<IonLabel>Hello World</IonLabel>
</IonCol>
<IonCol>
<IonLabel>Hello World</IonLabel>
</IonCol>
</IonRow>
</IonGrid>
{!ios && <IonIcon ios={chevronForward} md={chevronForward} />}
</IonItem>
</IonItemGroup>
<IonItemOptions>
<IonItemOption
color="light"
>
<IonIcon slot="icon-only" icon={informationCircleOutline} />
</IonItemOption>
<IonItemOption
color="medium"
>
<IonIcon slot="icon-only" icon={arrowUndo} />
</IonItemOption>
</IonItemOptions>
</IonItemSliding>
</IonCardContent>
</IonCard>
I want to style the part that moves (or slides)
If anyone can help me, that would be great!
Merry Christmas and Happy Holidays!