By :
codearmada
Published on Wednesday, October 26, 2016,20:15:06 in JavaScript Scripts
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
Share This Product