Sleep

Nuxt Marquee - Vue.js Feed #.\n\nA lightweight Nuxt 3 element that harnesses the energy of CSS animations to create silklike hassle-free marquees.\n\nSetup.\n# if you are actually utilizing npm.\nnpm i -D nuxt-marquee.\n\n# if you are actually utilizing yarn.\nyarn include -D nuxt-marquee.\n\n

if you are actually utilizing pnpm.pnpm i -D nuxt-marquee.Usage.To utilize this element, include it to the components part of your nuxt.config.ts report.export default defineNuxtConfig( //.elements: [" nuxt-marquee"],. ).Example.

Props.Residential property.Kind.Default.Classification.style.CSSProperties.{-String.Split-|-}Inline type for the compartment div.category.any type of."".Call of the css type to style the container div.autoFill.boolean.inaccurate.Whether to immediately load empty space in the tent with copies of the kids or not.play.boolean.accurate.Whether to play or stop the marquee.pauseOnHover.boolean.incorrect.Whether to pause the tent when floated.pauseOnClick.boolean.incorrect.Whether to pause the tent when clicked.direction." left" |"right" |"up" |"down"." left".The instructions the marquee slides Precaution: Upright signboards are actually presently speculative and also might be actually buggy. Please swap the values of the tent's height and also size when placing all of them.velocity.variety.Fifty.Velocity determined as pixels/second.problem.variety.0Length to postpone the animation after render, in secs.loop.number.0The amount of times the signboard should loophole, 0 amounts infinite.gradient.boolean.false.Whether to present the gradient or otherwise.gradientColor.strand.white.The color of the gradient.gradientWidth.amount |cord.200.The size of the gradient on either edge.Occasions.Occasion Name.Summary.finish.Given off when the tent completes scrolling and also stops. Just names if loophole is actually non-zero.cycleComplete.Sent out when the tent finishes a loop. Performs certainly not name if maximum loopholes are actually reached out to (usage onFinish instead).