LoginButton

Button component for initiating the login flow.

import { LoginButton } from '@avalabs/avacloud-waas-react';

function AuthSection() {
  return (
    <LoginButton
      label="Connect Wallet" // Optional custom label
      className="custom-class" // Optional custom class
      // All standard HTML button attributes are supported
      onClick={() => console.log('Button clicked')}
      disabled={false}
      // ... other HTML button props
    />
  );
}

Props

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

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