itsa-react-select
v16.0.13
Published
Nice select for react
Downloads
56
Maintainers
Readme
Nice select for react.
Lightweight, focussable and responses to the keyboard.
How to use:
"use strict";
import "purecss";
let component, props;
const React = require("react"),
ReactDOM = require("react-dom"),
Component = require("./lib/component-styled.jsx");
props = {
items: [
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
className: "months",
emptyHTML: "Choose a Month...",
onChange(newSelected) {
props.selected = newSelected;
render();
},
required: true,
markRequired: true
};
const render = () => {
ReactDOM.render(
<Component {...props} />,
document.getElementById("component-container")
);
};
render();
About the css
You need the right css in order to make use of itsa-react-select
. There are 2 options:
- You can use the css-files inside the
css
-folder. - You can use:
Component = require("itsa-react-select/lib/component-styled.jsx");
and build your project withwebpack
. This is needed, because you need the right plugin to handle a requirement of thescss
-file.
If you want to express your appreciation
Feel free to donate to one of these addresses; my thanks will be great :)
- Ether: 0xE096EBC2D19eaE7dA8745AA5D71d4830Ef3DF963
- Bitcoin: 37GgB6MrvuxyqkQnGjwxcn7vkcdont1Vmg