This plugin provides a select button for every use.
You can customize the color of the button and all icons.
We added the ability of a callback function that runs on change.
The user has to choose the icons from the font awesome collection.
The user is only 4 steps away from his goal.
STEP 1
import font awesome icons
<link rel=”stylesheet” href=”//cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.6.3/css/font-awesome.min.css” media=”screen” title=”font
awesome”>
STEP 2
import react
<script src=”//unpkg.com/react/dist/react-with-addons.min.js”
charset=”utf-8”></script>
<script src=”//unpkg.com/react-dom/dist/react-dom.min.js”
charset=”utf-8”></script>
STEP 3
import CASelectFrom files
<link rel=”stylesheet” href=”plugin/CASelectFrom.css”>
<script src=”plugin/CASelectFrom.js” charset=”utf-8”></script>
STEP 4
use it
new CA_select(
selector: document.getElementById(‘select1’),
bgColor: ”#ffffff”,
iconColor: ”#03A9F4”,
items: [
class: “fa-bicycle”,
class: “fa-bus”,
class: “fa-train”,
],
callback: true,
change: function(return)
console.log(return);
,
);
FILES INCLUDED
1. CASelectFrom.css
2. CASelectFrom.js
3. CASelectFrom.min.css
4. CASelectFrom.min.js
5. documentation.pdf
For the use of preview we used Raleway google font
https://fonts.google.com/specimen/Raleway