LoginButton

Button component for initiating the login flow.
1import { LoginButton } from '@avalabs/avacloud-waas-react';
2
3function AuthSection() {
4 return (
5 <LoginButton
6 label="Connect Wallet" // Optional custom label
7 className="custom-class" // Optional custom class
8 // All standard HTML button attributes are supported
9 onClick={() => console.log('Button clicked')}
10 disabled={false}
11 // ... other HTML button props
12 />
13 );
14}

Props

1interface LoginButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, Pick<ButtonProps, 'color'> {
2 label?: string;
3 className?: string;
4}

Features

  • Extends standard HTML button attributes
  • Supports custom button text through label prop
  • Customizable styling through className
  • Inherits color prop from K2ButtonProps
  • Handles wallet connection flow automatically

For any additional questions, please view our other knowledge base articles or contact a support team member via the chat button. Examples are for illustrative purposes only.

Learn More About AvaCloud | Download Case Studies | Schedule an AvaCloud Demo