Hyper Elementsv0.3
Get started

Shapes

Rect

A rectangle at x, y in its Svg, rounded by rx. The Rect component's props, styles and an example, in Hyper Elements.

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

Reference

A rectangle at x, y in its Svg, rounded by rx.

Holds: nothing. Drawn in: page.

Props:

  • x: a number (default 0)
  • y: a number (default 0)
  • width: a number from 0 (required)
  • height: a number from 0 (required)
  • rx: a number from 0

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