Sleep

Nuxt Signboard - Vue.js Nourished #.\n\nA lightweight Nuxt 3 part that harnesses the electrical power of CSS animations to generate satiny smooth marquees.\n\nSetup.\n# if you're using npm.\nnpm i -D nuxt-marquee.\n\n# if you're using thread.\nyarn add -D nuxt-marquee.\n\n

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

Props.Home.Type.Nonpayment.Classification.design.CSSProperties.{-String.Split-|-}Inline design for the container div.class.any sort of."".Call of the css category to design the container div.autoFill.boolean.false.Whether to immediately fill empty space in the tent with duplicates of the little ones or otherwise.play.boolean.true.Whether to play or even pause the tent.pauseOnHover.boolean.incorrect.Whether to stop briefly the signboard when floated.pauseOnClick.boolean.incorrect.Whether to stop briefly the marquee when clicked.direction." left behind" |"straight" |"up" |"down"." left".The instructions the marquee slides Warning: Upright tents are currently speculative as well as might be buggy. Feel free to swap the worths of the tent's height and size when establishing all of them.rate.amount.50.Speed determined as pixels/second.hold-up.number.0Length to postpone the animation after provide, in seconds.loop.number.0The lot of opportunities the signboard need to loop, 0 is equivalent to infinite.incline.boolean.incorrect.Whether to reveal the incline or otherwise.gradientColor.cord.white.The shade of the gradient.gradientWidth.amount |strand.200.The distance of the slope on either side.Celebrations.Event Name.Summary.end.Discharged when the tent finishes scrolling as well as stops. Merely names if loophole is actually non-zero.cycleComplete.Given off when the tent completes a loop. Does certainly not name if max loops are actually reached (use onFinish instead).