Components
Swipe Button
Pill-shaped swipe-effect buttons with inset shadow and ring — primary filled and secondary tinted variants
import { PrimarySwipeButton, SecondarySwipeButton } from "@/components/ui/swipe-button"
export default function SwipeButtonDemo() {
return (
<div className="flex min-h-[200px] flex-col items-center justify-center gap-4 bg-background p-8">
<PrimarySwipeButton>Get Started</PrimarySwipeButton>
<SecondarySwipeButton>Learn More</SecondarySwipeButton>
</div>
)
}