react-social-buttons-kr
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

react-social-buttons-kr

디자인 미리보기

https://6390ab1791c9ca4ba1d1b586-jxsenddwvb.chromatic.com/?path=/story/sociallogin-githubloginbutton--default

설치

npm

npm i react-social-buttons-kr

yarn

yarn add react-social-buttons-kr

UI목록

  • 네이버
<NaverLoginButton />
  • 카카오
<KakaoLoginButton />
  • 페이스북
<FacebookLoginButton />
  • 애플
<AppleLoginButton />
  • 구글
<GoogleLoginButton />
  • 깃허브
<GithubLoginButton />

Props

공통

prop 타입 기본값 설명
width string 1.5rem 버튼의 폭의 길이를 설정한다.
height string 1.5rem 버튼의 높이를 설정한다.
onClick function 버튼을 클릭했을시 실행할 이벤트를 등록한다.
shape 'circle','standard', 'square' standard 버튼의 모양을 설정한다.
align 'center','start' start 아이콘의 정렬상태를 설정한다.
isRound boolean true 버튼의 둥근정도를 설정한다 .

네이버 로그인 버튼

prop 타입 기본값 설명
designType 'green', 'white' green 버튼의 테마를 설정한다.

페이스북 로그인 버튼

prop 타입 기본값 설명
designType 'blue', 'blue-white', 'black', 'black-white' blue 버튼의 테마를 설정한다.

애플 로그인 버튼

prop 타입 기본값 설명
designType 'white', 'black' white 버튼의 테마를 설정한다.
border boolean false 버튼의 테두리 선을 설정한다.

구글 로그인 버튼

prop 타입 기본값 설명
designType 'white' white 버튼의 테마를 설정한다.
border boolean false 버튼의 테두리 선을 설정한다.

로그인 버튼 디자인 가이드

네이버

카카오

페이스북

애플

구글

Readme

Keywords

none

Package Sidebar

Install

npm i react-social-buttons-kr

Weekly Downloads

1

Version

1.0.1

License

MIT

Unpacked Size

451 kB

Total Files

32

Last publish

Collaborators

  • yoonhaemin