Sleep

Nuxt Marquee - Vue.js Nourished #.\n\nA light in weight Nuxt 3 part that utilizes the energy of CSS animations to generate satiny soft signboards.\n\nInstallment.\n# if you're using npm.\nnpm i -D nuxt-marquee.\n\n# if you're using yarn.\nyarn incorporate -D nuxt-marquee.\n\n

if you're utilizing pnpm.pnpm i -D nuxt-marquee.Use.To utilize this component, add it to the components segment of your nuxt.config.ts data.export default defineNuxtConfig( //.modules: [" nuxt-marquee"],. ).Example.

Props.Residential property.Kind.Nonpayment.Classification.type.CSSProperties.{-String.Split-|-}Inline style for the container div.category.any."".Call of the css category to style the compartment div.autoFill.boolean.false.Whether to instantly pack empty space in the marquee with copies of the youngsters or otherwise.action.boolean.real.Whether to participate in or even stop briefly the tent.pauseOnHover.boolean.untrue.Whether to stop briefly the marquee when floated.pauseOnClick.boolean.false.Whether to stop the marquee when clicked.direction." left" |"right" |"up" |"down"." left behind".The path the marquee slides Caution: Upright tents are actually presently experimental and also may be actually buggy. Satisfy change the worths of the tent's elevation as well as distance when setting them.velocity.variety.50.Speed worked out as pixels/second.problem.variety.0Period to delay the computer animation after make, in seconds.loop.amount.0The number of times the tent should loop, 0 is equivalent to infinite.slope.boolean.untrue.Whether to show the gradient or not.gradientColor.strand.white.The colour of the gradient.gradientWidth.variety |strand.200.The width of the incline on either edge.Celebrations.Event Name.Explanation.end.Discharged when the marquee finishes scrolling and also stops. Simply refers to as if loophole is actually non-zero.cycleComplete.Emitted when the signboard ends up a loop. Does certainly not call if maximum loops are actually connected with (use onFinish rather).