Sleep

Nuxt Tent - Vue.js Feed #.\n\nA lightweight Nuxt 3 part that takes advantage of the electrical power of CSS computer animations to generate silky hassle-free tents.\n\nInstallation.\n# if you're making use of npm.\nnpm i -D nuxt-marquee.\n\n# if you are actually using yarn.\nthread incorporate -D nuxt-marquee.\n\n

if you're using pnpm.pnpm i -D nuxt-marquee.Utilization.To utilize this component, add it to the elements part of your nuxt.config.ts report.export nonpayment defineNuxtConfig( //.components: [" nuxt-marquee"],. ).Example.

Props.Property.Type.Default.Description.style.CSSProperties.{-String.Split-|-}Inline type for the compartment div.type.any."".Call of the css category to design the compartment div.autoFill.boolean.false.Whether to automatically fill empty space in the tent with duplicates of the youngsters or not.play.boolean.true.Whether to participate in or stop briefly the signboard.pauseOnHover.boolean.false.Whether to stop briefly the tent when hovered.pauseOnClick.boolean.false.Whether to stop briefly the tent when clicked.direction." left" |"right" |"up" |"down"." left".The path the marquee slides Caution: Vertical tents are actually presently experimental and also may be buggy. Feel free to exchange the values of the signboard's height as well as distance when placing them.speed.number.Fifty.Velocity figured out as pixels/second.delay.amount.0Period to delay the animation after make, in secs.loophole.number.0The lot of times the tent need to loop, 0 amounts infinite.incline.boolean.inaccurate.Whether to reveal the incline or not.gradientColor.cord.white colored.The color of the slope.gradientWidth.number |cord.200.The size of the incline on either edge.Celebrations.Celebration Call.Description.finish.Produced when the tent ends up scrolling as well as stops. Simply names if loophole is non-zero.cycleComplete.Produced when the signboard ends up a loophole. Does certainly not call if max loops are actually gotten to (make use of onFinish instead).