react-share-selected-text

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