Sleep

Nuxt Signboard - Vue.js Feed #.\n\nA lightweight Nuxt 3 element that utilizes the energy of CSS animations to make satiny smooth marquees.\n\nInstallation.\n# if you're making use of npm.\nnpm i -D nuxt-marquee.\n\n# if you're utilizing yarn.\nyarn add -D nuxt-marquee.\n\n

if you're utilizing pnpm.pnpm i -D nuxt-marquee.Consumption.To use this element, include it to the components section of your nuxt.config.ts data.export nonpayment defineNuxtConfig( //.modules: [" nuxt-marquee"],. ).Instance.

Props.Residential property.Style.Default.Classification.type.CSSProperties.{-String.Split-|-}Inline type for the compartment div.classification.any."".Call of the css class to style the container div.autoFill.boolean.incorrect.Whether to automatically pack blank space in the marquee along with copies of the youngsters or otherwise.action.boolean.real.Whether to play or stop the tent.pauseOnHover.boolean.false.Whether to pause the signboard when floated.pauseOnClick.boolean.incorrect.Whether to pause the tent when clicked on.path." left" |"straight" |"up" |"down"." left".The direction the marquee slides Precaution: Upright marquees are currently experimental and may be actually buggy. Please switch the values of the marquee's elevation and also width when placing them.rate.variety.Fifty.Velocity computed as pixels/second.delay.number.0Timeframe to put off the computer animation after render, in seconds.loophole.variety.0The number of opportunities the signboard ought to loophole, 0 amounts infinite.gradient.boolean.untrue.Whether to reveal the gradient or not.gradientColor.cord.white colored.The shade of the incline.gradientWidth.number |cord.200.The width of the slope on either edge.Celebrations.Activity Name.Summary.finish.Discharged when the tent finishes scrolling and ceases. Merely calls if loop is actually non-zero.cycleComplete.Released when the marquee finishes a loop. Does certainly not name if optimum loopholes are connected with (usage onFinish as an alternative).

Articles You Can Be Interested In