Getting Started
Components
Special Effects
Animations
Text Animations
Backgrounds
import { StripedPattern } from "@/components/ui/striped-pattern"<div className="relative h-[500px] w-full overflow-hidden">
<StripedPattern />
</div>| Prop | Type | Default | Description |
|---|---|---|---|
width | number | 40 | Width of the pattern |
height | number | 40 | Height of the pattern |
x | number | -1 | X offset of the pattern |
y | number | -1 | Y offset of the pattern |
direction | "left" | "right" | "left" | Line direction |