anthonyjgrove / react-google-login

A React Google Login Component
https://anthonyjgrove.github.io/react-google-login
MIT License
1.85k stars 426 forks source link

Button Style #184

Closed 0xcaff closed 6 years ago

0xcaff commented 6 years ago

When I create an instance of the component

        <GoogleLogin
          clientId={clientId}
          onSuccess={console.log}
          onFailure={console.log}
        />

I see this:

image

Shouldn't I be seeing a sign in button like the one in the picture below?

image

Or does this library not handle styling the button? I think this should be made clear in the readme or a demo.

anthonyjgrove commented 6 years ago

Closing as it is duplicate of #147 Open PR for this issue: #180 hope to have this taken care of soon.

dagumak commented 6 years ago

Wouldn't it be better to slim-down this library with the styling and class stuff and use this library? https://github.com/prescottprue/react-google-button

For example:

<GoogleLogin
              clientId="REMOVED"
              onSuccess={this.authenticateProvider}
              style={{
                border: 'none',
                background: 'none',
                padding: 0,
                margin: 0 
              }}
              onFailure={(response) => console.log(response)}>
              <GoogleButton />
            </GoogleLogin>
luckypatidar commented 3 years ago

use this const inStyle = { background: "#000000"}; <GoogleLogin clientId="658977310896-knrl3gka66fldh83dao2rhgbblmd4un9.apps.googleusercontent.com" render={renderProps => (

)}
buttonText="Login"
onSuccess={responseGoogle}
onFailure={responseGoogle}

/>

jaiman25400 commented 3 years ago

Hey I want add Icon to this code and when I clicked to signIn to Google should PopUp. Any Ideas would be Helpful