react-social-sharebuttons(LINE) 日本語ドキュメント

react-hatenabookmark-buttonreact-line-buttonは、 react-social-sharebuttonsに統合されました。

react-social-sharebuttons

react-social-sharebuttons(LINE)

Simple React components for LINE Button.

  • このLINEボタンはスマートフォン向けです。 PCユーザーに対しては正常に動作しません。

インストール

npm install --save react-social-sharebuttons

使用例

import { LINEButton } from 'react-social-sharebuttons';

class App extends React.Component {
  render() {
    let text = "LINEで送る";
    let image = "36x60";
    return (
      <LINEButton text={text} image={image} />
    );
  }
}

プロパティ

text

シェアするテクストです。 原則的にはURLとタイトルのみ指定可能です。

ガイドライン

image

LINEボタンとして使用する画像を指定できます。

20x20

f:id:uraway:20160201120359p:plain

30x30

f:id:uraway:20160201120400p:plain

36x60

f:id:uraway:20160201120401p:plain

40x40

f:id:uraway:20160201120402p:plain

82x20

f:id:uraway:20160201120403p:plain

MIT licensed