Skip to content

Shapes

Circle

A circle centered at cx, cy in its Svg. The Circle component's props, styles and an example, in Hyper Elements.

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

Reference

A circle centered at cx, cy in its Svg.

Holds: nothing. Drawn in: page.

Props:

cx: a number (default 0)
cy: a number (default 0)
r: a number from 0 (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