LoginButton

Specialized button component for user authentication with built-in login icon

Basic Login Button

Simple login button with default styling

Login
Show Code

Login Button Variants

Different visual styles for login buttons

Login
Show Code

Login Button Sizes

Different sizes for various contexts

Login
Show Code

Login Button States

Different states and configurations

Login
Show Code

Custom Login Buttons

Customized login buttons for different use cases

Login
Show Code

Usage Notes

  • Includes LogIn icon from Lucide by default
  • Can render as link or button depending on props
  • Uses Button component internally for consistent styling
  • Set showIcon={false} to hide the login icon
  • Loading state automatically disables the button
  • href prop makes it render as a navigation link