🐜 LightWeight And Simple React Component For handling Facebook Integration
MIT License
source code can be found in demo
npm i facebook-login-redux-react
Props | Type | Default | Notes |
---|---|---|---|
appId | string | None.It is a required prop. | |
version | string | 'v2.9' | refer to Facebook Docs for explanation on available values |
loginLabel | string | Log In To Facebook | |
loginOptions | object | {scope: 'email'} | all options listed on Facebook Docs are passable with camelCase. e.g : {returnScopes: false} |
logoutLabel | string | Log out from Facebook | |
onClick | function | will execute before the onLoginEvent/onLogoutEvent. useful for triggering the fetching event for redux store. | |
sdkLoaded | Object | returns an object with the following keys: isConnected: Boolean. is the User conneted? FB: the api object. | |
onLoginEvent | function | ||
onLogoutEvent | function |
Style Props Accepts any valid String values for those css Properties:
Prop Name | Default Value (String) |
---|---|
width | None |
padding | 0 15px 0px 46px |
fontSize | 16px |
backgroundImage | linear-gradient(#4C69BA, #3B55A0) |
color | #FFF |
lineHeight | 34px |
<FacebookReduxLogin
appId='12345678'
onLoginEvent={this.login}
onLogoutEvent={this.logout}
onClick={() => this.props.startFetching()}
/>
npm start
. this will run the demo app, which is configured for redux,I welcome any kind of contributions/requests/questions/general feedback. Please Open an Issue Or a pull request. Tests
======
tests will be added hopefully soon.