Components/Line2

Line2

animation

A decorative animated vertical line component for the right side of a layout. Mirrors Line1 for symmetrical framing.

Right decorative vertical line — mirrors Line1 for symmetrical framing

1Installation

Install the package:

$npm install piece-ui

Import the component:

tsx
1import { Line2 } from "piece-ui";

2Usage

Basic usage

tsx
1import { Line2 } from "piece-ui";
2
3export default function Example() {
4  return (
5    <div className="relative min-h-screen">
6      <Line2 color="rgba(0,240,255,0.4)" />
7      {/* Your page content */}
8    </div>
9  );
10}

3Props

PropType
color
string
className
string
Previous
Line1