Sleep

Nuxt Signboard - Vue.js Supplied #.\n\nA lightweight Nuxt 3 part that utilizes the power of CSS animations to make satiny smooth tents.\n\nSetup.\n# if you are actually utilizing npm.\nnpm i -D nuxt-marquee.\n\n# if you are actually making use of yarn.\nyarn incorporate -D nuxt-marquee.\n\n

if you're using pnpm.pnpm i -D nuxt-marquee.Usage.To utilize this module, include it to the elements segment of your nuxt.config.ts documents.export default defineNuxtConfig( //.components: [" nuxt-marquee"],. ).Example.

Props.Residential property.Type.Default.Classification.type.CSSProperties.{-String.Split-|-}Inline type for the compartment div.classification.any kind of."".Name of the css category to type the compartment div.autoFill.boolean.inaccurate.Whether to automatically fill blank space in the signboard with duplicates of the children or not.play.boolean.true.Whether to play or even pause the marquee.pauseOnHover.boolean.inaccurate.Whether to pause the tent when hovered.pauseOnClick.boolean.untrue.Whether to stop the tent when clicked.instructions." left behind" |"straight" |"up" |"down"." left".The direction the marquee slides Warning: Vertical signboards are presently speculative and may be buggy. Please change the values of the marquee's height and also distance when establishing them.velocity.number.50.Speed calculated as pixels/second.delay.number.0Duration to put off the computer animation after provide, in secs.loop.number.0The variety of times the tent ought to loop, 0 amounts infinite.gradient.boolean.untrue.Whether to reveal the slope or not.gradientColor.strand.white colored.The colour of the incline.gradientWidth.variety |cord.200.The width of the incline on either side.Celebrations.Celebration Name.Summary.finish.Emitted when the signboard finishes scrolling and stops. Just refers to as if loophole is non-zero.cycleComplete.Produced when the signboard finishes a loop. Does not name if max loopholes are actually connected with (use onFinish instead).