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

• facebook
• twitter
• google+
• pinterest
• linkedin
• reddit