javierbyte/react-textselect

Select dropdown over text React component. [unmaintained]

React Text Select

UNMAINTAINED

Unmantained for now.

--

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

Live demo

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

react-textselect's Issues

Active selection should be by name, not numerical index

Hi there,

I noticed with this plugin, you need to specify:

options={['option0', 'option1', 'option2']}
active={this.state.selectedOption}

Here, you actually need to specify the numerical INDEX of the selection you want, which means I need to do some funky logic to get the indices at runtime. It would be much nicer if I could specify instead "option1" instead of "1" as the active entry here instead.

position should be relative, not absolute

The absolute positioning limits the usability of this component. Would also benefit from componentizing the CSS, so that it can be pulled in as a dependency, rather than being a hard reference in the top level HTML template.