Sleep

Nuxt Marquee - Vue.js Supplied #.\n\nA lightweight Nuxt 3 component that takes advantage of the power of CSS computer animations to produce silky soft signboards.\n\nSetup.\n# if you are actually making use of npm.\nnpm i -D nuxt-marquee.\n\n# if you're using thread.\nyarn include -D nuxt-marquee.\n\n

if you are actually utilizing pnpm.pnpm i -D nuxt-marquee.Utilization.To use this element, incorporate it to the modules segment of your nuxt.config.ts data.export default defineNuxtConfig( //.elements: [" nuxt-marquee"],. ).Instance.

Props.Residential property.Style.Nonpayment.Classification.type.CSSProperties.{-String.Split-|-}Inline type for the compartment div.classification.any type of."".Name of the css type to design the compartment div.autoFill.boolean.untrue.Whether to immediately fill up empty room in the tent with duplicates of the little ones or not.play.boolean.real.Whether to play or pause the marquee.pauseOnHover.boolean.false.Whether to pause the tent when floated.pauseOnClick.boolean.incorrect.Whether to stop briefly the signboard when clicked on.direction." left" |"right" |"up" |"down"." left".The direction the marquee slides Alert: Vertical tents are actually currently speculative and might be actually buggy. Please swap the worths of the tent's elevation as well as width when placing them.rate.number.50.Speed calculated as pixels/second.delay.variety.0Duration to postpone the computer animation after make, in secs.loop.number.0The lot of times the tent need to loop, 0 amounts infinite.incline.boolean.inaccurate.Whether to present the slope or not.gradientColor.cord.white colored.The color of the gradient.gradientWidth.amount |cord.200.The width of the gradient on either edge.Activities.Activity Call.Summary.end.Produced when the tent completes scrolling and stops. Merely names if loop is actually non-zero.cycleComplete.Released when the marquee completes a loop. Performs not call if optimum loops are actually connected with (use onFinish rather).

Articles You Can Be Interested In