🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple React component to put an invisible Select dropdown over a text.

Form React

Documentation

React Text Select

Simple component to put an invisible Select dropdown over a text.

Live demo

react-textselect screenshot

Installation

npm install react-textselect --save 

Usage.

var TextSelect = require('react-textselect');  <TextSelect   options={['text select', 'react component', 'dropdown']}   active={this.state.selectedOption}   onChange={this.onTextSelectChange} />

Add styles.

Dont forget to add styles.

<link rel="stylesheet" href="/node_modules/react-textselect/dist/textselect.css">

Build

If you want to build this from source, you will need babel and less.

npm install -g babel less 

And run the pre publish script

npm run prepublish 

You May Also Like