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!

All versions