search

Learus / react-material-ui-carousel

A Generic carousel UI component for React using Material UI.
MIT License
552 stars 220 forks source link

Navigations icons style when its in inactive status #205

Open mouazdk opened 1 year ago

mouazdk commented 1 year ago

How can I change nav icons style when its in inactive status inside the tag?

Jlnbnt commented 1 year ago

Hi @mouazdk ! Are you talking about the IndicatorsButtons ?

If so, you can style them using the following props :

<Carousel
        /*  Inactiv */
        indicatorIconButtonProps={{
          style: {
            color: "#53dc17",
          },
        }}
        /*  Active */
        activeIndicatorIconButtonProps={{
          style: {
            color: "#FF0000",
          },
        }}
>
{content}
</Carousel>

Result :

buttons