AvaCloud

LoginButton

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

If you need more help, explore our other articles or reach out to our support team via chat or email support@avacloud.io. All examples provided are for demonstration purposes only.

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

On this page