Glow Button

A button with a vibrant glow effect and customizable variants.

Dependencies

Install the following dependencies to use this component:

npm install @radix-ui/react-icons

Installation

Run the following command in your terminal to add the component to your project:

npx rankflow-ui@latest add glow-button

Props

1interface GlowButtonProps {
2  /**
3   * The button text.
4   */
5  children: ReactNode;
6
7  /**
8   * The color theme of the button.
9   * @default orange
10   */
11  variant?: orange | red | blue | green;
12
13  /**
14   * Whether to hide the double chevron icon.
15   * @default false
16   */
17  disableChevron?: boolean;
18
19  /**
20   * Additional CSS classes.
21   * @default ''
22   */
23  className?: string;
24}

PreviousNoise Button

NextGradient Button