https://github.com/stylelist94/react-third-party-login
React based 3rd party login component library
https://github.com/stylelist94/react-third-party-login
react react-component-library rollupjs storybook typescript
Last synced: 11 months ago
JSON representation
React based 3rd party login component library
- Host: GitHub
- URL: https://github.com/stylelist94/react-third-party-login
- Owner: StyleList94
- Created: 2021-04-10T05:10:12.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2022-02-14T14:47:52.000Z (over 4 years ago)
- Last Synced: 2025-03-18T13:24:38.589Z (about 1 year ago)
- Topics: react, react-component-library, rollupjs, storybook, typescript
- Language: TypeScript
- Homepage:
- Size: 235 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Third Party Login
React Thrid Party Login Button Component
## Feature
- Google Sign-In for Websites
- Naver Login
- Kakao Login
## Get Started
At least 16.8 version of `react` must be installed!
```bash
yarn add react-third-party-login
# or npm
npm install react-third-party-login
```
## Usage
### Sign in with Google Button
[Reference Guide](https://developers.google.com/identity/sign-in/web/reference)
```jsx
import { GoogleLoginButton } from 'react-third-party-login';
{
const profile = googleUser.getBasicProfile();
console.log(`Token: ${googleUser.getAuthResponse().id_token}`);
console.log(`ID: ${profile.getId()}`);
console.log(`Name: ${profile.getName()}`);
console.log(`Image URL: ${profile.getImageUrl()}`);
console.log(`Email: ${profile.getEmail()}`);
}}
className="react-third-party-login-button__google"
>
{/* children(or default styled button) */}
;
```
### Naver Login Button
[Reference Guide](https://developers.naver.com/docs/login/api/api.md#%EB%84%A4%EC%9D%B4%EB%B2%84-%EC%95%84%EC%9D%B4%EB%94%94%EB%A1%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-api-%EB%AA%85%EC%84%B8)
```jsx
import { NaverLoginButton } from 'react-third-party-login';
{/* children(or default styled button) */}
;
```
### Kakao Login Button
[Reference Guide](https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api)
```jsx
import { KakaoLoginButton } from 'react-third-party-login';
{/* children(or default styled button) */}
;
```