react-share-selected-text

react-share-selected-text JS library on GitHub react-share-selected-text JS library on npm Download react-share-selected-text JS library

a react share selected text component

Version 1.0.9 License ISC
react-share-selected-text has no homepage
react-share-selected-text JS library on GitHub
react-share-selected-text JS library on npm
Download react-share-selected-text JS library
Keywords
reactreact-componentshareselectedtext

react-share-selected-text

Build Status

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