Line1
animationA decorative animated vertical line component for the left side of a layout. Fades in on mount with a smooth animation.
Left decorative vertical line — positioned absolutely in layout
1Installation
Install the package:
$npm install piece-ui
Import the component:
tsx
1import { Line1 } from "piece-ui";2Usage
Basic usage
tsx
1import { Line1 } from "piece-ui";
2
3export default function Example() {
4 return (
5 <div className="relative min-h-screen">
6 <Line1 color="rgba(0,240,255,0.4)" />
7 {/* Your page content */}
8 </div>
9 );
10}3Props
| Prop | Type |
|---|---|
color | string |
className | string |