React-share-selected-text NPM

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 | |