react-share-selected-text

mortalYoung
esm
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
INSTALL
Type:
Version:
<script src=" https://cdn.jsdelivr.net/npm/react-share-selected-text@1.0.9/dist/index.min.js "></script>
Learn more
Readme Files Statistics Browse CDN

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