Line

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

Reference

A straight line from x1, y1 to x2, y2 in its Svg (drawn by its stroke).

Holds: nothing. Drawn in: page.

Props:

• x1: a number (default 0)
• y1: a number (default 0)
• x2: a number (default 0)
• y2: a number (default 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