Border Beam Button

For the secondary action that still deserves to be found. Built on Border Beam.

Install

Included with Creative: needs your API key. Initialize and log in once.

Terminal

npx @galactrex/ui add border-beam-button

Example

import { BorderBeamButton } from "@/components/galactrex/border-beam-button";

<BorderBeamButton onClick={openDocs}>Read the docs</BorderBeamButton>

Installs to components/galactrex/border-beam-button.tsx, with the shared motion primitives beside it.

Source for this component comes with its plan. Install it with the command above, or open your licensed copy here.

Prop	Type	Default	Description
`children`	`ReactNode`	—	Label.
`duration`	`number`	`4`	Seconds per lap.
`length`	`number`	`0.22`	Beam length as a share of the lap.
`...button props`	`ButtonHTMLAttributes`	—	onClick, disabled, type and the rest.