nuxt.jstailwind-cssnuxtui

Is it possible to customize the speed of the Nuxt UI Marquee component?

Given the Nuxt UI marquee component

  <UMarquee>
    <!-- ... -->
  </UMarquee>

is it possible to control its speed? I wasn't able to find a prop for that. Maybe this can be achieved with a Tailwind class inside the ui prop?

Solution

  • Yeah, with --duration variable. With an arbitrary class using TailwindCSS like this:

    <UMarquee
  :ui="{
    root: '[--duration:40s]'
  }"
>
  ...
</UMarquee>