Shapes

Path

A shape drawn by an SVG path (d), in its Svg. The Path component's props, styles and an example, in Hyper Elements.

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

Reference

A shape drawn by an SVG path (d), in its Svg.

Holds: nothing. Drawn in: page.

Props:

  • d: text (required). SVG path data (“M0 0 L40 0 L20 30 Z”).

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