react-share-selected-text

Introduction

• A component that can share selected text.

Install

npm install react-share-selected-text

yarn add react-share-selected-text

Demo

在线 Demo

Usage

import SharedSelectText from 'react-share-selected-text';
import 'react-share-selected-text/lib/index.min.css';
 
const App = () => (
  <SharedSelectText buttons={[ icon:'wechat' ]}>
    here is some article texts
  </SharedSelectText>
);

---

ShareSelectedProps:属性如下

属性	说明	类型	默认值
timeout	浮动框出现的延迟时间	number	300
buttons	设置浮动框上面的按钮	IButtons[]
buttonsRender	浮动框自定义渲染，优先级低于 buttons	JSX.Element
gridSize	按钮格子的大小	number	30
buttonsClassName	按钮区域自定义 class	string
onShow	当组件可见时的钩子函数	Function
onHide	当组件不可见时的钩子函数	Function

---

ButtonProps 属性如下：

属性	说明	类型	默认值
icon	展示图标,内置有wechat,twitter,facebook,weibo	string	JSX.Element
onClick	图标点击事件	Function