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.