Sleep

Nuxt Marquee - Vue.js Supplied #.\n\nA light in weight Nuxt 3 element that uses the energy of CSS animations to develop sleek soft tents.\n\nSetup.\n# if you're using npm.\nnpm i -D nuxt-marquee.\n\n# if you are actually using thread.\nyarn include -D nuxt-marquee.\n\n

if you're utilizing pnpm.pnpm i -D nuxt-marquee.Use.To utilize this element, add it to the elements area of your nuxt.config.ts report.export nonpayment defineNuxtConfig( //.modules: [" nuxt-marquee"],. ).Example.

Props.Home.Style.Nonpayment.Classification.design.CSSProperties.{-String.Split-|-}Inline style for the compartment div.classification.any kind of."".Name of the css type to design the container div.autoFill.boolean.inaccurate.Whether to instantly fill up blank room in the marquee with copies of the kids or otherwise.play.boolean.real.Whether to play or pause the tent.pauseOnHover.boolean.inaccurate.Whether to pause the marquee when hovered.pauseOnClick.boolean.false.Whether to pause the signboard when clicked.direction." left" |"straight" |"up" |"down"." left behind".The path the marquee slides Caution: Upright signboards are actually presently speculative and also might be actually buggy. Satisfy exchange the market values of the signboard's elevation and also size when setting all of them.speed.variety.Fifty.Rate worked out as pixels/second.delay.number.0Length to postpone the animation after render, in seconds.loop.amount.0The number of times the signboard need to loop, 0 amounts infinite.slope.boolean.incorrect.Whether to present the slope or otherwise.gradientColor.cord.white colored.The color of the gradient.gradientWidth.amount |strand.200.The size of the incline on either edge.Occasions.Celebration Call.Explanation.finish.Sent out when the marquee completes scrolling and quits. Simply refers to as if loop is non-zero.cycleComplete.Produced when the marquee finishes a loop. Carries out not call if max loops are actually gotten to (make use of onFinish instead).

Articles You Can Be Interested In