Relect

A Tiny React Single Select Component.
Example

Install

npm i relect -S

Usage

import React  from 'react';
import Relect from 'relect';
 
// include styles
import 'relect/lib/relect.css';
 
const options = [
    { text: 'one', value: 1 },
    { text: 'two', value: 2 }
];
 
class App extends React.Component {
 
    constructor(props) {
        super(props);
        this.state = { chosen : null }
    }
    
    onChange(index) {
        this.setState({ chosen : index });
    }
 
    render() {
        return (
            <Relect options={options}
                    chosen={this.state.chosen}
                    onChange={this.onChange.bind(this)}
            />
        )
    }
}

Props

Property	Type	Default	Description
width	number	240	width of select
height	number	36	height of select
options	array	/	options
chosen	number	/	index of chosen option
tabIndex	number	-1	tab order
disabled	bool	false	whether to disable select
autoBlur	bool	false	auto blur after selection
placeholder	string	/	placeholder text
optionHeight	number	30	height of option