react-share-selected-text

esm
a react share selected text component
Version 1.0.9 License ISC
Keywords
reactreact-componentshareselectedtext
INSTALL
Type:
<script src=" https://cdn.jsdelivr.net/npm/react-share-selected-text@1.0.9/dist/index.min.js "></script>
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
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 |