react-share-selected-text
Introduction
- A component that can share selected text.
Install
npm install react-share-selected-textyarn add react-share-selected-textDemo
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 |