Customize active dot background color

[jose-donato]

Hello.

Amazing library!

Is it possible to customize active dot background color?

[elrumordelaluz]

Sure it is! Take a look into the "custom styles" example and use the dot key into styles prop: something like this:

styles={{
 //  ...
 dot: (base, { current }) => ({
   ...base,
   background: current ? "#DAF7A6" : "#148F77"
 })
}}

Here is a working example.

[jose-donato]

Nice API 👍

That's amazing, thanks.