Sleep

Nuxt Signboard - Vue.js Nourished #.\n\nA lightweight Nuxt 3 component that uses the power of CSS computer animations to create satiny smooth signboards.\n\nSetup.\n# if you're utilizing npm.\nnpm i -D nuxt-marquee.\n\n# if you are actually using thread.\nyarn include -D nuxt-marquee.\n\n

if you are actually making use of pnpm.pnpm i -D nuxt-marquee.Usage.To use this component, add it to the elements segment of your nuxt.config.ts report.export default defineNuxtConfig( //.modules: [" nuxt-marquee"],. ).Example.

Props.Property.Type.Nonpayment.Description.design.CSSProperties.{-String.Split-|-}Inline style for the compartment div.class.any type of."".Name of the css category to design the compartment div.autoFill.boolean.misleading.Whether to automatically pack empty room in the tent with copies of the little ones or not.play.boolean.accurate.Whether to play or stop the tent.pauseOnHover.boolean.false.Whether to stop the tent when hovered.pauseOnClick.boolean.untrue.Whether to pause the marquee when clicked on.path." left" |"straight" |"up" |"down"." left behind".The path the marquee slides Precaution: Upright marquees are currently speculative as well as might be actually buggy. Satisfy swap the worths of the signboard's elevation and also size when setting all of them.rate.amount.50.Speed worked out as pixels/second.hold-up.amount.0Length to postpone the computer animation after provide, in few seconds.loop.amount.0The variety of times the tent ought to loophole, 0 is equivalent to infinite.incline.boolean.incorrect.Whether to present the incline or not.gradientColor.strand.white.The different colors of the incline.gradientWidth.amount |cord.200.The width of the gradient on either side.Activities.Activity Name.Description.finish.Given off when the signboard finishes scrolling and also stops. Simply names if loop is actually non-zero.cycleComplete.Discharged when the marquee ends up a loop. Does certainly not refer to as if max loops are reached out to (use onFinish as an alternative).