0.0.4 • Published 5 years ago
react-vkontakte-login v0.0.4
React Vk Login
A Component React for Vk Login
Getting Started
git clone https://github.com/msklyarov/react-vkontakte-login.git && cd react-vkontakte-login
npm install react react-dom react-vkontakte-login --save --force
Development
npm start
- navigate to localhost:8080
How to use
Basic
import React from 'react';
import ReactDOM from 'react-dom';
import VkLogin from 'react-vkontakte-login';
const responseVk = response => {
console.log(response);
};
ReactDOM.render(
<VkLogin
apiId="5376167"
callback={responseVk}
render={renderProps => (
<button onClick={renderProps.onClick}>This is my custom VK button</button>
)}
/>,
document.getElementById('demo'),
);
Parameters
params | value | default value | |
---|---|---|---|
appId | string | Required | |
size | string | small - medium - metro | |
scope | string | public_profile, email, user_birthday | |
fields | string | name,email,picture | |
callback | function | resultVkLogin | |
autoLoad | boolean | false | |
xfbml | boolean | false | |
reAuthenticate | boolean | false | |
textButton | string | Login with Vk | |
cssClass | string | kep-login-facebook kep-login-facebook-button-size | |
redirectUri | string | window.location.href (mobile-only) | |
version | string | 2.3 | |
icon | string | element | none |
language | string | en_US | |
onClick | function | Initial click on the component |