Trapezoid

Props

• animationBeginnumberoptional

  DEFAULT: 0

• animationDurationnumberoptional

  DEFAULT: 1500

• animationEasing"ease" | "ease-in" | "ease-in-out" | "ease-out" | "linear"optional

  DEFAULT: "ease"

• classNamestringoptional

• heightnumber | stringoptional

  Height of the trapezoid in pixels.

  DEFAULT: 0

• isUpdateAnimationActivebooleanoptional

  If set to true, trapezoid will update and render with a gradual fade-in animation from left to right.

  DEFAULT: false

• lowerWidthnumberoptional

  Width of the lower horizontal side of the trapezoid in pixels.

  DEFAULT: 0

• upperWidthnumberoptional

  Width of the upper horizontal side of the trapezoid in pixels.

  DEFAULT: 0

• xnumber | stringoptional

  The x-coordinate of top left point of the trapezoid.

  DEFAULT: 0

• ynumber | stringoptional

  The y-coordinate of top left point of the trapezoid.

  DEFAULT: 0

• onClickReact.MouseEventHandler<T>optional

  The customized event handler of click on the trapezoid

• onMouseDownReact.MouseEventHandler<T>optional

  The customized event handler of mousedown on the trapezoid

• onMouseEnterReact.MouseEventHandler<T>optional

  The customized event handler of mouseenter on the trapezoid

• onMouseLeaveReact.MouseEventHandler<T>optional

  The customized event handler of mouseleave on the trapezoid

• onMouseMoveReact.MouseEventHandler<T>optional

  The customized event handler of mousemove on the trapezoid

• onMouseOutReact.MouseEventHandler<T>optional

  The customized event handler of mouseout on the trapezoid

• onMouseOverReact.MouseEventHandler<T>optional

  The customized event handler of mouseover on the trapezoid

• onMouseUpReact.MouseEventHandler<T>optional

  The customized event handler of mouseup on the trapezoid