Spotlight Button

A soft pool of light on the face and a brighter line on the nearest edge. For dense toolbars and dark landing pages.

Install

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

Terminal

npx @galactrex/ui add spotlight-button

Example

import { SpotlightButton } from "@/components/galactrex/spotlight-button";

<SpotlightButton onClick={share}>Share</SpotlightButton>

Installs to components/galactrex/spotlight-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.
`size`	`number`	`90`	Radius of the light in px.
`...button props`	`ButtonHTMLAttributes`	—	onClick, disabled, type and the rest.