Shapes

Polygon

A closed shape through its points ("0,0 40,0 20,30"), in its Svg. The Polygon component's props, styles and an example, in Hyper Elements.

import { Polygon } from "@hyper-elements/react";

Reference

A closed shape through its points (“0,0 40,0 20,30”), in its Svg.

Holds: nothing. Drawn in: page.

Props:

  • points: text (required)

style:

  • fill: color (default "#000000"). Its inside (“transparent” for none).
  • stroke: color. Its outline’s color.
  • strokeWidth: a number from 0
  • opacity: a number from 0 to 1