Installation npm install @selemondev/vue3-marquee or you can skip npm install, and just copy and paste the source code into your component like Shadcn Vue (don't forget to also copy the tailwind config if you do this). Register it as a global component import { Marquee } from "@selemondev/vue3-marquee"; import "@selemondev/vue3-marquee/dist/style.css" import { createApp } from 'vue' import App from './App.vue' const app = createApp(App); app.component('Marquee', Marquee) app.mount('#app')
Usage The library has a few props that are self-explanatory; you can get it running in no time. See the web examples for more details. <Marquee :fade="true" direction="left" :reverse="false" :pauseOnHover="false" className="" // pass class to change gap or speed innerClassName="" // pass class to change gap or speed > <div>Content 1</div> <div>Content 2</div> <div>Content 3</div> <div>Content 4</div> </Marquee>
[
add
]
[
|
|
...
]