Docs
→Button
→Glowy Button
Glowy Button
A cool button with a glowy effect.
by Sarthak Kapila
Installation
Usage
Glowy Button Example
1import GlowyButton from "@/components/glowy-button";2import { Calendar } from "lucide-react";34export default function Example() {5 return <GlowyButton href="https://cal.com/sarthak-kapila/" icon={<Calendar/>}>6 Book a call7 </GlowyButton>8}
Understanding the component
The button uses a gradient background and a shadow to create a glowy effect.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| key | string | "Glowy Button" | Visible label on the button. |
| href | string | "https://cal.com/" | Link to the button. |
| icon | React.ReactNode | <Calendar/> | Icon to display inside the button. |