Sleep

Nuxt Marquee - Vue.js Feed #.\n\nA lightweight Nuxt 3 part that takes advantage of the energy of CSS computer animations to make silky hassle-free marquees.\n\nSetup.\n# if you're utilizing npm.\nnpm i -D nuxt-marquee.\n\n# if you're using thread.\nyarn add -D nuxt-marquee.\n\n

if you're using pnpm.pnpm i -D nuxt-marquee.Utilization.To use this module, incorporate it to the components part of your nuxt.config.ts documents.export default defineNuxtConfig( //.modules: [" nuxt-marquee"],. ).Example.

Props.Property.Style.Default.Classification.type.CSSProperties.{-String.Split-|-}Inline style for the container div.classification.any kind of."".Call of the css class to type the container div.autoFill.boolean.false.Whether to immediately fill blank space in the marquee with duplicates of the children or not.action.boolean.real.Whether to participate in or even pause the marquee.pauseOnHover.boolean.untrue.Whether to stop the marquee when floated.pauseOnClick.boolean.misleading.Whether to stop the signboard when clicked.instructions." left" |"straight" |"up" |"down"." left".The direction the marquee slides Caution: Vertical tents are presently speculative and also might be buggy. Feel free to change the market values of the tent's elevation and width when setting them.speed.number.Fifty.Velocity worked out as pixels/second.hold-up.amount.0Period to put off the computer animation after provide, in seconds.loophole.variety.0The lot of opportunities the signboard must loop, 0 amounts infinite.slope.boolean.misleading.Whether to present the incline or not.gradientColor.string.white.The shade of the slope.gradientWidth.amount |cord.200.The distance of the gradient on either edge.Events.Celebration Name.Summary.finish.Emitted when the marquee finishes scrolling and also ceases. Merely names if loophole is non-zero.cycleComplete.Emitted when the marquee finishes a loop. Performs not call if maximum loopholes are gotten to (usage onFinish instead).