1.0.1 • Published 5 years ago
label-float-select v1.0.1
label-float-select
install
npm -i --save label-float-select
Code
import React from 'react';
import LabelFloatSelect from 'label-float-select';
export default class Container extends React.Component{
constructor(props){
super(props);
this.state={
options:[{value:'Chennai',label:'Chennai'},{value:'Bangalore',label:'Bangalore'}],
selected:'Chennai'
};
this.handler=this.handler.bind(this)
}
handler(val){
this.setState({
selected:val,
})
}
render(){
return(
<div className="">
<LabelFloatSelect
ref=""
options={this.state.options}
label="Select the City"
fontSize="18px"
fontFamily="monospace"
onChange={this.handler}
color="blue"
value={this.state.selected}
/>
</div>
)
}
}