https://github.com/jonstuebe/react-text-selection
Render prop callback function to provide text selection for text inputs, textarea's, etc.
https://github.com/jonstuebe/react-text-selection
component javascript react reactjs render-prop
Last synced: 11 months ago
JSON representation
Render prop callback function to provide text selection for text inputs, textarea's, etc.
- Host: GitHub
- URL: https://github.com/jonstuebe/react-text-selection
- Owner: jonstuebe
- Created: 2017-10-03T20:17:54.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-12-20T17:08:18.000Z (over 8 years ago)
- Last Synced: 2024-11-05T14:20:05.810Z (over 1 year ago)
- Topics: component, javascript, react, reactjs, render-prop
- Language: JavaScript
- Homepage:
- Size: 35.2 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Text Selection
Render prop callback function to provide text selection for text inputs, textarea's, etc. _Includes UMD build_
## Install
```shell
npm i -s @jonstuebe/react-text-selection
```
## Usage
```javascript
import React from "react";
import TextSelection from "@jonstuebe/react-text-selection";
const App = () => (
{({ eventProps, selectionStart, selectionEnd }) => (
{selectionStart}/{selectionEnd}
)}
);
```
#### Codepen Example
https://codepen.io/jonstuebe/pen/zpBwrL?editors=0010
| [
](http://godban.github.io/browsers-support-badges/)IE / Edge | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| IE10, IE11, Edge | last 4 versions | last 4 versions | last 4 versions |