Authentication Button
page.tsx
import AuthenticationButton from "@/components/authentication-button";

Properties

type
'login' | 'signup'
required
The type of authentication action this button should perform
className
string
Custom CSS classes to apply to the button
text
string
Custom text to display on the button
redirect
string
Redirects to the given path after the authentication
animation
'shimmer' | 'pulsating'
Optional animation effect for the button

Usage

example.tsx
export default function Example() {
	return (
		<AuthenticationButton type="login" text="Sign In" animation="shimmer" />
	);
}
This AuthenticationButton component can be used in various parts of your application where user authentication is required. It automatically adapts its appearance and functionality based on the current authentication status, providing a seamless user experience.
If you need basic components like buttons, inputs, and more, they are available with Shadcn UI.