Skip to main content

Shaped Form

A component that allows the display of shapes, triggered by images with alpha channel.


  • type | string: form type (either octagon, triangle, trapezoid, parallelogram, rhombus, pentagon, hexagon, heptagon, nonagon, decagon, bevel, rabbet, left-arrow, right-arrow, left-point, right-point, left-chevron, right-chevron, star, cross, message, close, or frame). Default: 'star'.
  • src | string: the background image URL. Default: none.
  • style | object: the style of the object, it can hold any CSS including animations. Default: {}.
  • onClick | function: event handler invoked when image is clicked. Default: none.


Live Editor
Last updated on by Planeshifter