Docs / Components / Gradient Button

Gradient Button

A button with a continuously moving random gradient that expands on hover.

Dependencies

Install the following dependencies to use this component:

1npm install motion @radix-ui/react-icons

Installation

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

1npx rankflow-ui@latest add gradient-button

Props Reference

PropTypeDefaultDescription
childrenReactNode-The button text.
classNamestring''Additional CSS classes.