Installation
Usage
import { RippleButton } from "@/components/pioneerui/ripple-button"
export default function Page() {
return (
<>
<RippleButton variant="default">Get Started</RippleButton>
<RippleButton variant="outline" rippleColor="rgba(139,92,246,0.3)">
Learn More
</RippleButton>
</>
)
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "outline" | "ghost" | "default" | Visual style |
rippleColor | string | "rgba(255,255,255,0.35)" | Color of the ripple circle |
children | ReactNode | — | Button label |