Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
BorderBeamProps
Also accepts all props of React.ComponentProps<"div">
| Prop | Type | Default | Description |
|---|---|---|---|
| colorFrom | string | "#f97316" | — |
| colorTo | string | "#a855f7" | — |
| duration | number | 6 | Seconds per lap around the border |
| borderWidth | number | 1.5 | Border thickness in px |
| beamLength | number | 90 | Length of the beam, in degrees of the lap |
Install
$ npx shadcn@latest add https://chromotion.dev/r/border-beam.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.