Function
ShinyButton
({
className,
children,
href,
loading = false,
loadingColor = "white",
...props
}: ShinyButtonProps)
Source from the content-addressed store, hash-verified
| 9 | } |
| 10 | |
| 11 | export const ShinyButton = ({ |
| 12 | className, |
| 13 | children, |
| 14 | href, |
| 15 | loading = false, |
| 16 | loadingColor = "white", |
| 17 | ...props |
| 18 | }: ShinyButtonProps) => { |
| 19 | return ( |
| 20 | <Link |
| 21 | href={href} |
| 22 | target="_blank" |
| 23 | rel="noopener noreferrer" |
| 24 | className={cn( |
| 25 | "group relative flex transform items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded border border-dark-gray bg-zinc-800 h-9 px-4 text-base font-medium text-white transition-all duration-300 hover:ring-2 hover:ring-brand-500 ring-offset-2 ring-offset-zinc-900", |
| 26 | className |
| 27 | )} |
| 28 | {...props} |
| 29 | > |
| 30 | {children} |
| 31 | |
| 32 | <div className="ease-[cubic-bezier(0.19,1,0.22,1)] absolute -left-[75px] -top-[50px] -z-10 h-[155px] w-8 rotate-[35deg] bg-muted-dark opacity-20 transition-all duration-500 group-hover:left-[120%]" /> |
| 33 | </Link> |
| 34 | ) |
| 35 | } |
| 36 | |
| 37 | ShinyButton.displayName = "ShinyButton" |
Callers
nothing calls this directly
Tested by
no test coverage detected