Sleep

Nuxt Marquee - Vue.js Nourished #.\n\nA lightweight Nuxt 3 component that harnesses the energy of CSS computer animations to produce 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 utilizing yarn.\nthread incorporate -D nuxt-marquee.\n\n

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

Props.Property.Type.Nonpayment.Description.type.CSSProperties.{-String.Split-|-}Inline design for the compartment div.type.any kind of."".Call of the css class to style the container div.autoFill.boolean.false.Whether to instantly load empty area in the tent along with duplicates of the kids or otherwise.action.boolean.true.Whether to play or pause the marquee.pauseOnHover.boolean.untrue.Whether to stop the tent when floated.pauseOnClick.boolean.false.Whether to stop briefly the signboard when clicked.instructions." left" |"straight" |"up" |"down"." left behind".The path the marquee slides Alert: Upright marquees are presently experimental as well as might be actually buggy. Feel free to swap the values of the marquee's elevation and width when putting all of them.speed.number.50.Velocity computed as pixels/second.problem.number.0Length to postpone the computer animation after make, in few seconds.loophole.amount.0The lot of opportunities the marquee need to loop, 0 amounts infinite.gradient.boolean.false.Whether to reveal the gradient or not.gradientColor.string.white.The color of the slope.gradientWidth.variety |string.200.The distance of the slope on either edge.Events.Occasion Name.Explanation.end.Emitted when the signboard completes scrolling and quits. Only refers to as if loop is actually non-zero.cycleComplete.Produced when the marquee finishes a loop. Performs not call if max loops are actually reached (use onFinish instead).