.Vue peeling is a Vue public library to develop practical striping results.Documentation.Check out the information listed below.Getting Started.Installment.npm mount vue-peel.Usage.
Top.Back.Bottom.
Props.options.The possibilities to pass to the underlying peel.js manufacturer as detailed below.peelPosition.x: amount, y: variety|undefined.The position of the peeling impact. This aspect is the position of the corner that is being actually peeled off back.edge.x: variety, y: number|typeof corners [keyof typeof edges]|undefined.The section for the result to peel off back coming from. May be 2 disagreements as x, y collaborates or a solitary debate as a section id determined in corners. Nonpayment is the bottom ideal edge.constraints.Selection|boundless.Listing of restrictions on the span of the peel. This can be thought of as factors on the levels that are actually attached as well as may certainly not be actually torn apart. Generally this only makes sense as an aspect on the outer side, such as the nigh side edge of an open publication, or even the best edge of a calendar. Within this scenario, just making use of 2 constraint factors (top-left/bottom-left for a manual, etc) will generate the preferred result. A random point can easily likewise be utilized along with an impact like a thumbtack securing the pages together. Could be 2 arguments as x, y works with or even a solitary disagreement as an edge id specified in corners.drag.boolean|boundless.A shorthand for setting the @drag activity to establish the peeling position to the mouse. The same as:.// Do not copy-paste this! This is an instance of what is actually under the hood.
Leading.Back.Bottom.
handleElement.HTMLElement|undefined.May be pointed out to enable yet another component function as a "hit area" that may be bigger or even smaller sized than the aspect itself. In this example simply the corner is actually grabbable.
Top.
Back.
Bottom.
method." book"|"schedule"|undefined.A faster way for setting predefined restrictions. Currently "manual" and also "schedule".fadeThreshold.number|boundless.A threshold above which the best coating (featuring the behind) coating will begin to go out. The threshold is actually between 0 (no peel) and 1 (leading layer is completely removed) and also is actually determined based on the noticeable affixed region. If a peel road is prepared, it will definitely use the progress along the course rather.peelPath.number []|boundless.A pathway along which the peeling will adhere to. This can be a flat line segment (stood for through 4 disagreements: x1, y1, x2, y2) or a bezier contour (worked with by 8 arguments: x1, y1, cp1x, cp1y, cp2x, cp2y, x2, y2 where cp1 and cp2 are actually the 2 bezier management ideas, similar to the bezierCurveTo canvas procedure.).@drag.occasion: DragEvent, x: variety, y: number, amountClipped: amountAxes on nuisance.