react-hatenabookmark-buttonとreact-line-buttonは､ 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

MIT licensed