Components
Loading preview...
A premium leather-textured button component with authentic stitching effects, smooth hover animations.
@jatin-yadav05
npx shadcn@latest add https://21st.dev/r/jatin-yadav05/leather-button"use client"
import LeatherButton from "@/components/ui/leather-button"
export default function Component() {
return (
<div className="min-h-screen w-full bg-background flex items-center justify-center p-8">
<div className="space-y-8 text-center">
<div className="space-y-6">
<div>
<LeatherButton onClick={() => alert("Clicked!")}>Click Me</LeatherButton>
</div>
<div>
<LeatherButton disabled>Disabled Button</LeatherButton>
</div>
</div>
</div>
</div>
)
}