Usage
import { MagnetLines } from "@/registry/components/magnet-lines/magnet-lines";
<MagnetLines />Props
| Prop | Type | Default | Description |
|---|---|---|---|
rows? | number | 9 | |
columns? | number | 9 | |
containerSize? | string | "320px" | Width and height of the grid, any CSS length. |
lineColor? | string | "var(--text-muted)" | |
lineWidth? | string | "3px" | |
lineHeight? | string | "22px" | |
baseAngle? | number | 0 | Angle added to every line, in degrees. |
className? | string | ||
style? | CSSProperties |
When to use
Interactive pattern backgrounds that respond to the cursor.
When not to use
Touch-first pages.