mornya-react-social
Social Share and Widget components
React.js 용으로 제작된 소셜 공유 기능 및 위젯 컴포넌트 입니다.
Basic Usage
$ npm install mornya-react-social
or
$ yarn add mornya-react-social
How to use it?
기본적인 스타일을 적용하기 위해서는 default.scss를 import 해야하며, scss를 컴파일 할 수 있도록 webpack 등의 설정이 되어 있어야 합니다.
각 컴포넌트 props에 대한 상세 설정은 README-SHARE.md, README-WIDGET.md를 참고해 주세요.
import { Share, Widget } from 'mornya-react-social';
export default () => (
<div>
<div>
<Share.Facebook/>
<Share.KakaoTalk/>
</div>
<div>
<Widget.FacebookLike extra={{ ... }}/>
</div>
</div>
)
혹은 개별 공유 컴포넌트 사용을 위해 아래와 같이 import 할 수 있습니다.
기본 스타일을 적용하기 위해서는 default.scss도 포함해야 합니다.
import KakaoStory from 'mornya-react-social/share/KakaoStory';
import 'mornya-react-social/static/css/default.css';
export default () => (
<div>
<KakaoStory
title="카카오스토리 공유"
extra={{
appId: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx',
hashtags: [ 'mornya', '카카오_스토리_공유' ]
}}
/>
</div>
)
Available components
아래는 사용 가능한 컴포넌트 목록 입니다. 위 예제와 같이 필요한 기능만 import 하여 사용해도 됩니다.
Social Share
Band, Email, Facebook, Flipboard, Gmail, GoogleBookmarks, GooglePlus, KakaoStory, KakaoTalk, Line, LinkedIn, Naver, NaverBlog, Sms, Telegram, Tumblr, Twitter
Social Widget
FacebookLike, FlipboardFlipit, GoogleFollow, GoogleHangout, GooglePlusOne, KakaoStoryFollow, TwitterFollow, TwitterMessage, TwitterTweet
License
mornya-react-social is available under MIT.
See LICENSE file for more details.