Trapezoid

  • animationBeginnumberoptional

    DEFAULT: 0

  • animationDurationnumberoptional

    DEFAULT: 1500

  • animationEasing"ease" | "ease-in" | "ease-in-out" | "ease-out" | "linear" | "spring" | EasingFunction | `cubic-bezier(${number},${number},${number},${number})`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