Get started with react-bootstrap-select CDN
MIT licensed
React-bootstrap-select: Popular library for Bootstrap-select components, with extra functions and customization.
Tags:- react
- react-component
- form
- bootstrap
- select
- replacement
Stable version
Copied!
How to start using react-bootstrap-select CDN
import React from 'react';
import 'bootstrap/dist/css/bootstrap.min.css'; // Import Bootstrap CSS
import { Select } from 'react-bootstrap-select';
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
value: 1,
};
this.handleChange = this.handleChange.bind(this);
}
handleChange(value) {
this.setState({ value });
}
render() {
return (
<div>
<Select
value={this.state.value}
onChange={this.handleChange}
options={[
{ value: 1, label: 'Option 1' },
{ value: 2, label: 'Option 2' },
{ value: 3, label: 'Option 3' },
]}
/>
<p>Selected value: {this.state.value}</p>
</div>
);
}
}
export default App;
// Add the CDN link in the script tag before the closing body tag
<script src="https://cdn.cdnhub.io/react-bootstrap-select/0.14.0/js/bootstrap-select.min.js"></script>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!