1.0.5 • Published 5 years ago
@joenied/select2 v1.0.5
React Select2 Component
Demo
https://codesandbox.io/s/new-ruyxe
Installation
npm install @joenied/select2 --save
How To Use
First import this component where you want to use it
import { Select2 } from "@joenied/select2";
import "@joenied/select2/dist/select.css";
Then just render it
<Select2
selected={e => doThingsWithValue(e)}
options={[
{ label: "one", value: "one" },
{ label: "two", value: "two" }
]}
/>
Props
Prop | Description | Default value |
---|---|---|
options | an array of objects with label and value properties | empty array |
multiSelect | Allow selecting of multiple options | false |
selected | Get the value and do stuff with it | null |
Example
import React, { Component } from "react";
import { Select2 } from "@joenied/select2";
import "@joenied/select2/dist/select.css";
class App extends Component {
render() {
return (
<Select2
selected={e => doThingsWithValue(e)}
options={[
{ label: "one", value: "one", optgroup: "numbers" },
{ label: "two", value: "two", optgroup: "numbers" },
{ label: "three", value: "three", optgroup: "numbers" },
{ label: "A", value: "A", optgroup: "letters" },
{ label: "B", value: "B", optgroup: "letters" },
{ label: "C", value: "C", optgroup: "letters" }
]}
/>
);
}
}
export default App;