Cap VMarquee Nuxt3
is Marquee component similar to Deprecated marquee html tag for Nuxt 3 FrameWork.
The Cap VMarquee Nuxt3
is an open-source library developed and maintained by CAP Company.
It is developed using Nuxt 3
framework and tailwindcss
.
- Add
Cap-VMarquee-Nuxt3
dependency to your project .
yarn add Cap-VMarquee-Nuxt3
npm install Cap-VMarquee-Nuxt3
pnpm add Cap-VMarquee-Nuxt3
- Add
cap-vmarquee-nuxt3
to themodules
ofnuxt.config.ts
export default defineNuxtConfig({
modules: ['cap-vmarquee-nuxt3']
});
That's it! You can now use library in your Nuxt app ✨
Using the marquee is easy, you just need to import the library and use it as follows.
<VMarquee/>
Key | Type | Default | Description | sample |
---|---|---|---|---|
duration |
string | number |
3 | defines how long an animation takes to complete | 2 |
delay |
string | number |
0 | sets the time before an animation starts. | 1 |
direction |
TDirection |
normal | specifies the direction the animation will play. | normal |
timingFunction |
TTimingFunction |
linear | controls the speed curve of an animation. | linear |
type TDirection = "normal" | "reverse"
type TTimingFunction = "ease" | "linear" | "ease-in" | "ease-out" | "ease-in-out"
<VMarquee
:duration="5"
:delay="0"
direction="normal"
timing-function="ease-in-out"
>
<h1>Mohammad Rouhani</h1>
</VMarquee>
Thanks to all colleagues of CAP Company
Author : Mohammad Rouhani
https://github.com/Ghanavati7915