Carousel: Can I style the active dot through the :ui prop?

[silvio-e]

Description

I'm wondering how I can style the active dot on the component level through the :ui prop.

[J-Michalek]

@silvio-e Hello, I think it is not currently possible. I suppose we could add an attribute to the active dot, then you would be able to do something like the following:

<UCarousel
    dots
    :ui="{
      dot: 'data-[state=active]:bg-primary-500'
    }"
  />

[silvio-e]

@J-Michalek I was looking for that - it would be great to have!

[HugoRCD]

@silvio-e @J-Michalek I'm adding it !

[J-Michalek]

@HugoRCD Ah sorry, I already created a PR, do with it as you will.

[HugoRCD]

@J-Michalek No worries you were faster 😂

[silvio-e]

Omg - that was fast! Thank you so much everyone! 😊