CodeCanyon
CodeCanyon
Code
Code
Code
Code
Code
Code

Just Select

Just Select

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
by
by
by
by
by
by